.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
}

body,
html {
    font-family: "????????????", "Microsoft YaHei", "SimSun", "??????",sans-serif !important;
}

ol,
ul {
    list-style: none
}

img {
    border: none
}

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

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

textarea {
    resize: none
}

a {
    text-decoration: none !important
}

a:hover {
    -webkit-text-decoration: non !important;
    -moz-text-decoration: non !important;
    text-decoration: non !important
}

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

@font-face {
    font-family: fontsnor;
    src: url(../source/fonts/SourceHanSansCN-Normal.otf)
}

@font-face {
    font-family: fontsbol;
    src: url(../source/fonts/SourceHanSansCN-Bold.otf)
}

@font-face {
    font-family: fontslig;
    src: url(../source/fonts/SourceHanSansCN-Light.otf)
}

@font-face {
    font-family: fontsext;
    src: url(../source/fonts/SourceHanSansCN-ExtraLight.otf)
}

@font-face {
    font-family: fontsfb;
    src: url(img/AgencyFB.ttf)
} */

.garcia-logo {
    width: unset;
    height: unset
}

.menu {
    left: 14.84375%
}

.menu span {
    background: #d59f6d;
    /* box-shadow: 0px 0px 8px #d59f6d; */
    transition-duration: .3s;
}
/* .menu.active span{
    box-shadow: 0 0 0 #d59f6d;
} */
.garcia-index .section1 {
    background: url(img/addimgs0525-1.jpg) no-repeat 50%
}

.indexfooter {
    bottom: 6.914893617021277vh
}

.indexfooter .footer_r a.fwx,
.indexfooter .footer_r a.fwx:hover {
    background: url(img/pcimg5.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.indexfooter .footer_r a.fwx .wx-img img {
    width: 128px;
    height: 128px
}

.indexfooter .footer_r a.fph {
    position: relative
}

.indexfooter .footer_r a.fph,
.indexfooter .footer_r a.fph:hover {
    background: url(img/pcimg6.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.indexfooter .footer_r a.fph:hover .ph-img {
    opacity: 1;
    display: block
}

.indexfooter .footer_r a.fph .ph-img {
    position: absolute;
    width: 130px;
    height: 30px;
    background: #fff;
    color: #000;
    font-size: 16px;
    top: -34px;
    
    line-height: 30px;
    text-align: center;
    left: -55px;
    display: none;
    opacity: 1
}

.indexfooter .footer_r a.fma,
.indexfooter .footer_r a.fma:hover {
    background: url(img/pcimg7.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.indexfooter .footer_r a.fma .ph-img {
    width: 180px;
    left: -80px
}

.indexfooter .footer_r a.fjd,
.indexfooter .footer_r a.fjd:hover {
    background: url(img/pcimg8.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.indexfooter .footer_r a.ftb,
.indexfooter .footer_r a.ftb:hover {
    background: url(img/pcimg9.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.inavs {
    position: absolute;
    z-index: 2;
    top: 60px;
    left: 18.75%
}

.inavs .ls {
    margin-right: 22px;
    padding-left: 14px;
    position: relative
}

.inavs .ls:nth-of-type(2) .hovers {
    width: 140px

}

.inavs .ls:hover .hovers {
    
    border-left: 2px solid #d59f6d;
    padding-left: 14px;
    padding-bottom: 13px;
    padding-top: 8px;
    opacity: 1;
    visibility: visible;

}



.inavs .hs {

    
    opacity: .9;
    color: #fff;
    font-size: 16px;
    
}

.tit_color .inavs .hs{
    color: #333;
}
.tit_color .inavs .hovers .cs a {
    color: #fff;
}

.inavs .hovers {
    position: absolute;
    top: 29px;
    height: auto;
    color: #fff;
    width: 140px;
    padding-left: 16px;
    left: 50%;
    transform: translateX(-15%);
    -webkit-transition: height .3s;
    -o-transition: height .3s;
    -moz-transition: height .3s;
    transition: height .3s;
    z-index: -1;
    /* overflow: hidden; */
    /* background-color: rgba(255, 255, 255, 0.1); */
    background-color: rgba(0, 0, 0, .7);
    opacity: 0;
    visibility: hidden;
    
}
.inavs .hovers:after{
    content: '';
    display: block;
    border: 6px solid transparent;
    border-bottom-color: #1e1e1e;
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-400%);
}
.inavs .hovers .cs {
    line-height: 14px
}

.inavs .hovers .cs:first-of-type {
    /* padding-top: 10px */
}

.inavs .hovers .cs:not(:last-of-type) {
    margin-bottom: 10px
}

.link_u{
    position: relative;

}


.link_u .item{
    position: absolute;
    top: 0;
    left: 100%;
    width: 140px;
    padding-left: 14px;
    border-left: 2px solid #d59f6d;
    padding-bottom: 10px;
    padding-top: 10px;
    background-color: #1e1e1e;
    opacity: 0;
visibility: hidden;

}
.link_u:hover .item{
    opacity: 1;
    visibility: visible;
}
.link_u .item>a{
    display: block;
    opacity: .9;
    color: #fff;
    font-size: 14px;
    line-height: 1.7;
    

}



.m-link_u{
    position: relative;
    
}
.m-link_u::after{
    content: '';
    width: 14px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 50%;
    right: 7.8125vw;
    margin-top: -2px;
    
}
.m-link_u::before{
    content: '';
    width: 2px;
    height: 14px;
    background: #fff;
    position: absolute;
    top: 50%;
    right: 7.8125vw;
    transform: translateY(-50%);  
    margin-top: -1px;
    margin-right: 6px;
    
}
.m-link_u.active::before{
   opacity: 0;
   visibility: hidden;
    
}
.addnavs .item{
    padding-left: 10px;
    display: none;

}
.addnavs .item a{
    display: block;
    font-size: 14px;
    line-height: 1.5;
    color: #fff;
    
    display: block;
    
}

.inavs .hovers .cs a {
    opacity: .9;
    color: #fff;
    font-size: 14px;
    font-family: fontslig
}

.inavs .hovers .cs a:hover {
    color: #b3875e;
    opacity: 1
}

#aside-nav {
    background: #171921
}

#aside-nav .addlefs {
    width: 61.197916666666664vw;
    height: 100%
}

#aside-nav .addlefs .a1 {
    height: 13.5vw;
    background: #62646d;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    padding-left: 5.208333333333334vw;
    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
}

#aside-nav .addlefs .a1 .b1 {
    height: 8.203125vw;
    width: 37.76041666666667vw;
    background: #fff;
    font-size: 14px;
    
    padding-left: 8px;
    margin-right: 3.2552083333333335vw
}

#aside-nav .addlefs .a1 .b2 {
    width: 7.291666666666667vw;
    background: url(img/pcimg10.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    height: 8.203125vw
}

#aside-nav .addlefs .a2 {
    height: -webkit-calc(100vh - 13.5vw);
    height: -moz-calc(100vh - 13.5vw);
    height: calc(100vh - 13.5vw);
    background: #4b4d56;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    overflow: auto
}

#aside-nav .addlefs .a2::-webkit-scrollbar {
    width: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

#aside-nav .addlefs .a2::-webkit-scrollbar-thumb {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #d59f6d
}

#aside-nav .addlefs .a2::-webkit-scrollbar-track {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #7e8088
}

#aside-nav .addlefs .a2 .ls {
    display: block;
    border-bottom: 1px dashed #3b3d46;
    width: 100%;
    padding-left: 5.208333333333334vw;
    position: relative
}

#aside-nav .addlefs .a2 .ls>a {

    font-size: 16px;
    color: #fff;
    
    height: 10.416666666666668vw;
    display: inline-block;
    line-height: 16px;
    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
    
}

#aside-nav .addlefs .a2 .ls .shi {

    right: 7.8125vw;
    position: absolute;
    width: 14px;
    height: 14px;
    top: 3.2552083333333335vw
    
}

#aside-nav .addlefs .a2 .ls .shi1 {
    width: 14px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px
}

#aside-nav .addlefs .a2 .ls .shi2 {
    width: 2px;
    height: 14px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1px
}

#aside-nav .addlefs .a2 .active .shi .shi2 {
    width: 14px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    margin-left: 0;
    margin-top: -1px
}

#aside-nav .addlefs .a2 .addnavs {
    display: none;
    padding: 0 0 5px 2.604166666666667vw
}

#aside-nav .addlefs .a2 .addnavs .addls {
    font-size: 14px;
    color: #fff;
    
    display: block;
    padding-bottom: 5px
}

.isection2 {
    background: #c2c4cc;
    position: relative
}

.isection2 .left {
    top: 60%;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #666;
    position: absolute;
    margin-top: -25px;
    left: 6.406249999999999%;
    color: #666;
    font-size: 20px;
    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
}

.isection2 .left:hover {
    background: #d59f6d;
    border-color: #d59f6d
}

.isection2 .right {
    top: 60%;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #666;
    position: absolute;
    margin-top: -25px;
    right: 6.406249999999999%;
    color: #666;
    font-size: 20px;
    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
}

.isection2 .right:hover {
    background: #d59f6d;
    border-color: #d59f6d
}

.isection2 .c {
    max-width: 1352px;
    width: 100%;
    margin: 0 auto
}

.isection2 .tops {
    text-transform: uppercase;
    color: #595757;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 95px;
    line-height: 95px;
    text-align: center;
    font-weight: 300;
    margin-bottom: 18.085106382978726vh;
    /* letter-spacing: -3px; */
    font-family: Arial, Helvetica, sans-serif;
}

.isection2 .tops span {
    color: #d59f6d
}

.isection2 .foots {
    width: 90.23668639053254%;
    margin: 0 auto
}

.isection2 .foots .a1 {
    width: 90.1639344262295%;
    height: 17.02127659574468vh;
    margin: 0 auto 10.638297872340425vh;
    overflow: hidden
}

.isection2 .foots .a1 .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;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.isection2 .foots .a1 img {
    height: 7.659574468085106vh
}
.isection2 .foots .a1 a:hover img {
    /* animation:rubberBand .8s; */
}
.isection2 .foots .a1 .b2 {
    color: #444;
    
    text-align: center;
    font-size: 18px;
    text-transform: capitalize
}
.isection2 .foots .a1 .b2 div:nth-child(2) {
    font-size: 12px;
    opacity: 0;
    height: 0;
    overflow: hidden;
}

.isection2 .foots .a2 {
    width: 90.1639344262295%;
    margin: 0 auto;
    position: relative
}
#baguetteBox-overlay .full-image figcaption {
  
    bottom: 40px !important;
}
.isection2 .foots .a2 .pagination {
    width: 100%;
    background: rgba(113, 112, 114, .6);
    height: 1px
}

.isection2 .foots .a2 .pagination .swiper-pagination-progressbar-fill {
    background: #595757;
    display: none
}

.isection2 .phoneshow {
    height: 40.458vw;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 19.53125vw 0
}

.isection2 .phoneshow img {
    height: 22vw
}

.isection2 .phoneshow .b2 {
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    color: #595757;
    text-transform: uppercase
}

.isection2 .addswipers {
    overflow: hidden;
    height: 1.5px;
    position: relative;
    top: -1px;
    left: unset
}

.isection2 .addswipers .addshows {
    background: #595757
}

.isection3 {
    background: url(img/add05018-1.jpg) no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.isection3 .c {
    max-width: 1352px;
    width: 100%;
    margin: 0 auto
}

.isection3 .a1 {
    font-size: 95px;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #fff;
    line-height: 95px;
    /* letter-spacing: -3px; */
}

.isection3 .a1 span {
    color: #d59f6d
}

.isection3 .a2 {
    font-size: 30px;
    margin: 2.7659574468085104vh 0 18.617021276595743vh
}

.isection3 .a2,
.isection3 .a3 {
    color: #c9c9c9;
    font-family: fontsext
}

.isection3 .a3 {
    width: 140px;
    height: 60px;
    border: 2px solid #d59f6d;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 60px;
    line-height: 58px;
    text-align: center;
    font-size: 26px;
    display: inline-block;
    -webkit-transform: scale(.65);
    -moz-transform: scale(.65);
    -ms-transform: scale(.65);
    -o-transform: scale(.65);
    transform: scale(.65);
    background: #d59f6d;
    color: #545b71;
    margin-left: -1.5%;
    font-family: Arial, Helvetica, sans-serif;
}

.isection3 .a3:hover {
    background: #db9859;
    color: #fff
}

.isection4 .slide {
    background: url(img/pc-videobg01.jpg) no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}
.isection4 .slide1{
    background-image: url(img/pc-videobg01.jpg);
}
.isection4 .slide2{
    background-image: url(img/pc-videobg02.jpg);
}


.isection4 .a1 {
    color: #fff;
    font-size: 102px;
    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;
    line-height: 102px;
    
    /* letter-spacing: -3px; */
}

.isection4 .a1 .b1 {
    width: 80px;
    height: 80px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 10px solid #fff;
    position: relative
}

.isection4 .a1 .b1:before {
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    cursor: pointer;
    border: 19px dashed transparent;
    border-right: none;
    border-left: 27px solid #d59f6d;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    top: 50%;
    left: 50%;
    margin-top: -18px;
    margin-left: -10.5px
}

.isection4 .fp-controlArrow.fp-next,
.isection4 .fp-controlArrow.fp-prev {
    width: 40px;
    height: 40px;
    top: 50%;
    margin-top: -25px;
    padding-top: 0;
    line-height: 40px
}

.isection4 .fp-controlArrow.fp-prev {
    left: 6.406249999999999%
}

.isection4 .fp-controlArrow.fp-next {
    right: 6.406249999999999%
}

.isection5 {
    background: url(img/add05018-2.jpg) no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.isection5 .c {
    max-width: 1352px;
    width: 100%;
    margin: 0 auto;
    text-align: right
}

.isection5 .a1 {
    font-size: 95px;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #c9c9c9;
    line-height: 95px;
    /* letter-spacing: -3px; */
}

.isection5 .a1 span {
    color: #d59f6d
}

.isection5 .a2 {
    font-size: 30px;
    margin: 2.7659574468085104vh  0 17.02127659574468vh
}

.isection5 .a2,
.isection5 .a3 {
    color: #c9c9c9;
    font-family: fontsext
}

.isection5 .a3 {
    font-family: Arial, Helvetica, sans-serif;
    width: 140px;
    height:60px;
    border: 2px solid #d59f6d;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 60px;
    line-height: 58px;
    text-align: center;
    font-size: 26px;
    display: inline-block;
    -webkit-transform: scale(.65);
    -moz-transform: scale(.65);
    -ms-transform: scale(.65);
    -o-transform: scale(.65);
    transform: scale(.65);
    margin-bottom: 21.27659574468085vh;
    background: #d59f6d;
    color: #545b71;
    margin-right: -1.5%
}

.isection5 .a3:hover {
    background: #db9859;
    color: #fff
}

.isection6 {
    background: #545b71
}

.isection6 .c {
    max-width: 1352px;
    width: 100%;
    margin: 0 auto
}

.isection6 .a1 {
    font-size: 95px;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #c9c9c9;
    line-height: 95px;
    /* letter-spacing: -3px; */
}

.isection6 .a1 span {
    color: #d59f6d
}

.isection6 .a2 {
    color: #c9c9c9;
    font-size: 30px;
    
    margin: 2.127659574468085vh 0 4.25531914893617vh;
    line-height: 30px
}

.isection6 .a3 {
    height: 50.53191489361703vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    background: #c2c4cc
}

.isection6 .a3 .b1 {
    width: 50%;
    height: 100%
}

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

.isection6 .a3 .b2 {
    width: 50%;
    height: 100%;
    padding: 0 5.9171597633136095% 4.807692307692308%
}

.isection6 .a3 .b2 .addcs {
    position: relative;
    height: 100%;
    overflow: hidden
}

.isection6 .a3 .b2 .c1 {
    color: #595757;
    font-size: 15px;
    
    line-height: 15px;
    margin: 20.930232558139537% 0 2.9069767441860463%
}

.isection6 .a3 .b2 .c2 {
    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: #595757;
    font-size: 30px;
    line-height: 30px;
    
    padding-bottom: 5.426356589147287%;
    margin-bottom: 3.875968992248062%;
    border-bottom: 1px solid #969aa8;
    font-weight: 700
}

.isection6 .a3 .b2 .c3 {
    color: #595757;
    font-size: 15px;
    font-family: fontsreg, Arial, Helvetica, sans-serif;
    
    line-height: 2
}

.isection6 .a3 .b2 .c4 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 105px;
    height: 45px;
    border: 2px solid #d59f6d;
    color: #313239;
    line-height: 42px;
    text-align: center;
    font-size: 16px;
    
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    background: #d59f6d;
    color: #545b71;
    border-radius: 45px
}

.isection6 .a3 .b2 .c4:hover {
    background: #db9859;
    color: #fff
}

.isection7 {
    background: #c2c4cc
}

.isection7 .c {
    max-width: 1352px;
    width: 100%;
    margin: 0 auto
}

.isection7 .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: 10.638297872340425vh;
    border-bottom: 1px solid #6a7083;
    margin-bottom: 9.574468085106384vh;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.isection7 .tops .l {
    color: #595757
}

.isection7 .tops .l .a1 {
    font-size: 14px;
    line-height: 14px;
    font-family: fontsbol, Arial, Helvetica, sans-serif;
}

.isection7 .tops .l .a2 {
    font-size: 24px;
    line-height: 24px;
    font-family: fontsbol, Arial, Helvetica, sans-serif;
    margin: 2.553191489361702vh 0 5.319148936170213vh
}
.isection7 .tops .l .a4 {
    display: none;
}

.isection7 .tops .l .a3 {
    display: block;
    width: 95px
}

.isection7 .tops .l .a3:first-of-type {
    margin-bottom: 2.6595744680851063vh
}

.isection7 .tops .m {
    width: 580px;
    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;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.isection7 .tops .m:before {
    content: "";
    position: absolute;
    top: 32px;
    left: 0;
    background: #6a7083;
    width: 100%;
    height: 1px
}

.isection7 .tops .m .a1 {
    margin-bottom: 3.723404255319149vh;
    line-height: 14px
}

.isection7 .tops .m .a1 a {
    font-size: 14px;
    line-height: 14px;
    
    color: #595757
}

.isection7 .tops .m .a2 {
    line-height: 14px
}

.isection7 .tops .m .a2:not(:last-of-type) {
    margin-bottom: 1.276595744680851vh
}

.isection7 .tops .m .a2 a {
    font-size: 14px;
    line-height: 14px;
    
    color: #595757
}

.isection7 .tops .m .a2 img {
    width: 22px
}

.isection7 .tops .m .wx {
    cursor: pointer;
    position: relative
}

.isection7 .tops .m .wx:hover .img1 {
    display: block
}

.isection7 .tops .m .wx .img1 {
    width: 100px;
    position: absolute;
    bottom: -190%;
    left: 120%;
    display: none
}

.isection7 .tops .m .dy img {
    width: 18px
}

.isection7 .tops .m .bl img {
    width: 30px;
    position: relative;
    left: -5px;
    top: unset
}

.isection7 .tops .m .bl a {
    margin-left: 2px
}

.isection7 .tops .r {
    color: #595757;
    font-size: 13px;
    line-height: 13px;
    font-family: fontsbol
}

.isection7 .tops .r .a2 {
    font-size: 15px;
    line-height: 15px;
    
    margin-top: 12px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #c7c8cc
}

.isection7 .tops .r .a3 {
    font-family: fontsbol, Arial, Helvetica, sans-serif;
    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-right: 24px
}

.isection7 .foots {
    text-align: center
}

.isection7 .foots >img {
    display: block;
    margin: 0 auto 2.127659574468085vh
}

.isection7 .foots .addfonts {
    text-transform: uppercase
}

.isection7 .foots .addfonts,
.isection7 .foots .addfonts a {
    font-size: 14px;
    line-height: 14px;
    color: #000000;
    font-family: fontsnor
}

.rpinpai {
    background: #545b71
}

.rpinpai .addcs {
    height: 64.04255319148936vh;
    position: relative;
    margin-top: 4.787234042553192vh
}

.rpinpai .addcs .c {
    max-width: 1352px;
    width: 100%;
    margin: 0 auto
}

.rpinpai .addcs .a1 {
    width: 56.40625%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0
}

.rpinpai .addcs .a1 .b1 {
    height: 62.02127659574468vh;
    width: 100%
}

.rpinpai .addcs .a1 .b1 img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.rpinpai .addcs .a1 .b2 {
    position: absolute;
    width: 100%;
    height: 2px;
    background: #656668;
    bottom: 0;
    left: 0
}

.rpinpai .addcs .a1 .b2:before {
    content: "";
    width: 12.742382271468145%;
    position: absolute;
    top: -3px;
    left: 0;
    background: #878787;
    height: 4px;
    /* letter-spacing: -3px; */
}

.rpinpai .addcs .a2 .b1 {
    font-size: 95px;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #c9c9c9;
    line-height: 95px;
    margin-bottom: 6.914893617021277vh;
    /* letter-spacing: -3px; */
}

.rpinpai .addcs .a2 .b1 span {
    color: #d59f6d
}

.rpinpai .addcs .a2 .b2 {
    width: 200px;
    border-bottom: 1px solid #959699;
    /* border-bottom: none !important */
}

.rpinpai .addcs .a2 .b2 .active {
    color: #d59f6d
}

.rpinpai .addcs .a2 .b2 a {
    line-height: 50px;
    color: #c9c9c9;
    font-size: 19px;
    font-family: fontsext
}

.rpinpai .addcs .a2 .b2 a:hover {
    color: #d59f6d
}

.rpinpai .addcs .a2 .b2:last-of-type {
    margin-bottom: 5.851063829787234vh
}

.rpinpai .addcs .a2 .b3 {
    color: #545b71;
    font-size: 19px;
    
    line-height: 19px;
    width: 100px;
    height: 35px;
    border: 1px solid #d59f6d;
    background-color: #d59f6d;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 35px;
    line-height: 32px;
    text-align: center;
    font-size: 16px;
    display: inline-block;

}
.rpinpai:nth-child(4) .addcs .a2 .b3{
    color: #595757;
}
.rpinpai .addcs .a2 .b3:hover {
    color: #d59f6d
}

.rpinpai:nth-of-type(2n) {
    background: #20222d
}

.rpinpai:nth-of-type(2n) .addcs .c {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.rpinpai:nth-of-type(2n) .addcs .c,
.rpinpai:nth-of-type(2n) .addcs .c .a2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.rpinpai:nth-of-type(2n) .addcs .c .a2 {
    -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: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.rpinpai:nth-of-type(2n) .addcs .c .a2 .b1 {
    text-align: right
}

.rpinpai:nth-of-type(2n) .addcs .c .a2 .b2 {
    text-align: right;
    border-color: #8e919d
}

.rpinpai:nth-of-type(2n) .addcs .a1 {
    right: unset;
    left: 0
}

.rpinpai:nth-of-type(2n) .addcs .a1 .b2 {
    background: #90929e
}

.rpinpai:nth-of-type(2n) .addcs .a1 .b2:before {
    background: #9597a3;
    left: unset;
    right: 0
}

.rpinpai:nth-of-type(2n) .addcsphone .a1 {
    text-align: right
}

.rpinpai:nth-of-type(2n) .addcsphone .a2 .b2 {
    background: #8e919d
}

.rpinpai:nth-of-type(2n) .addcsphone .a2 .b2:before {
    background: #9597a3;
    right: 0;
    left: unset
}

.rpinpai:nth-of-type(4) {
    background: #c2c4cc
}

.rpinpai:nth-of-type(4) .addcs .a2 .b1,
.rpinpai:nth-of-type(4) .addcs .a2 .b2 a {
    color: #595757
}

.rpinpai:nth-of-type(5) {
    background: #20222d
}

.rpinpai .addcsphone {
    padding-left: 5.208333333333334vw;
    padding-right: 5.208333333333334vw
}
.rpinpai.page13{
    background: #20222d;
}
.rpinpai.page13 .addcs .a1 {
    right: unset;
    left: 0;
}
.rpinpai.page13  .addcs .a1 .b2 {
    background: #90929e;
}


.rpinpai.page13 .addcs .c {
   
    justify-content: flex-end;
    display: flex;
}
.rpinpai.page13  .addcs .c .a2 .b2 {
    text-align: right;
    border-color: #8e919d;
}
.rpinpai.page13 .addcs .c .a2 {
    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: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.rpinpai.page9{
    background: #545b71;
}
.rpinpai.page9 .addcs .a1 {
    right: 0;
    left: initial;
}
.rpinpai.page9  .addcs .a1 .b2 {
    background: #90929e;
}

.rpinpai.page9 .addcs .c .a2{
  
-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: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start !important;
}
.rpinpai.page9 .addcs .c {
   
    justify-content: flex-start;
}
.rpinpai.page9 .addcs .c .a2 .b1{
    text-align: left;
}
.rpinpai.page9  .addcs .c .a2 .b2 {
    text-align: left;
    border-color: #959699;
}

.rpinpai .addcsphone .a1 {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 3.90625vw;
    color: #8e919d;
    font-family: fontsnor
}



.about-u{
    margin: 0px auto;
    max-width: 1920px;
    min-width: 320px;
}
.about-u .mobile{
    display: none;
}
.about-u img{
    width: 100%;
}


@media screen and (max-width: 768px) {
    .about-u .mobile{
        display: block;
    }
    .about-u .pc{
        display: none;
    }
}







.rpinpai .addcsphone .a1 span {
    color: #d59f6d
}
.rpinpai.page13 .addcsphone .a1 {
    text-align: right;
}
.rpinpai.page9 .addcsphone .a1 {
    text-align: left;
}

.rpinpai .addcsphone .a2 {
    height: 66.40625vw;
    position: relative;
    margin-bottom: 13.671875vw
}

.rpinpai .addcsphone .a2 .b1 {
    width: 100%;
    height: 59.895833333333336vw
}

.rpinpai .addcsphone .a2 .b1 img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.rpinpai .addcsphone .a2 .b2 {
    position: absolute;
    width: 100%;
    height: 1px;
    background: #656668;
    bottom: 0;
    left: 0
}

.rpinpai .addcsphone .a2 .b2:before {
    content: "";
    width: 22.135416666666664vw;
    position: absolute;
    top: -2px;
    left: 0;
    background: #878787;
    height: 2px;
    display: none;
}

.rpinpai .addcsphone .a3 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.rpinpai .addcsphone .a3,
.rpinpai .addcsphone .a3 .ls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.rpinpai .addcsphone .a3 .ls {
    width: 26.692708333333332vw;
    height: 7.8125vw;
    border: 1px solid #959699;
    color: #fff;
    
    font-size: 16px;
    line-height: 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;
    margin-bottom: 4.557291666666666vw
}

.rpinpai .addcsphone .a3 .ls:not(:nth-of-type(3n)) {
    margin-right: 3.90625vw
}

.rpinpai .addcsphone .a3 .active {
    background: #d59f6d;
    border: 1px solid #d59f6d;
    color: #fff
}

.rpinpai1 {
    background: #545b71
}

.rpinpai1 .c {
    /* margin-top: 40px; */
    max-width: 1352px;
    width: 100%;
    margin: 0 auto;
   /* height: 70.319vh; */
    background: #c2c4cc;
    position: relative;
    -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;
    padding: 6.914893617021277vh 3.125% 12.51063829787234vh 6.770833333333333%;
    margin-top: 70px;
}

.rpinpai1 .c,
.rpinpai1 .c .ca1 {
    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
}

.rpinpai1 .c .ca1 {
    height: 31.914893617021278vh;
    -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;
    margin-bottom: 0
}

.rpinpai1 .c .ca1 .b1 {
    color: #595757;
    text-align: center
}

.rpinpai1 .c .ca1 .b1 .c1 {
    
    font-size: 16px;
    line-height: 22px
}

.rpinpai1 .c .ca1 .b1 .c1 span {
    font-size: 30px;
    font-family: fontsbol
}

.rpinpai1 .c .ca1 .b1 .c2 {
    font-size: 16px;
    line-height: 16px
}

.rpinpai1 .c .ca2 {
    /* height: 45.744680851063826vh; */
    width: 86.48881239242685%;
    color: #595757;
    font-family: fontsext
}

.rpinpai1 .c .ca2 .b1 {
    font-size: 57px;
    line-height: 57px;
    font-family: Arial, Helvetica, sans-serif;
    /* letter-spacing: -3px; */
}

.rpinpai1 .c .ca2 .b1 span {
    color: #d59f6d
}

.rpinpai1 .c .ca2 .b2 {
    color: #666566;
    font-size: 20px;
    line-height: 20px;
    margin-top: 1.0638297872340425vh;
    font-family: fontsnor
}

.rpinpai1 .c .ca2 .b3 {
    margin: 1.702127659574468vh 0;
    width: 80px;
    height: 2px;
    background: #d59f6d
}

.rpinpai1 .c .ca2 .b4 {
    font-size: 14.5px;
    
    height: 33.711vh;
    overflow-x: hidden;
	overflow-y: scroll;
}

.rpinpai1 .c .ca2 .b4::-webkit-scrollbar {
    width: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.rpinpai1 .c .ca2 .b4::-webkit-scrollbar-thumb {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #d59f6d
}

.rpinpai1 .c .ca2 .b4::-webkit-scrollbar-track {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #b9bac1
}

.rpinpai1 .c .ca2 .b4 {
    padding-right: 14.448%;
    text-align: justify !important;
    text-justify: inter-ideograph !important;
    line-height: 24px;
    /* font-weight: 700 */
}

.rpinpai1 .c .ca2 .b4 p {
    margin-bottom: 0
}

.rpinpai2 .c {
    padding-right: 3.6458333333333335%;
    padding-left: 3.6458333333333335%
}

.rpinpai2 .c .ca2 {
    width: 100%
}

.rpinpai2 .c .ca2 .b3 {
    margin-bottom: 4.042553191489362vh;
    margin-top: 2.127659574468085vh
}

.rpinpai2 .c .ca2 .b4 {
    height: 33.711vh;
}

.rpinpai2 .c .ca2 .b4 .ls {
    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
}

.rpinpai2 .c .ca2 .b4 .ls:not(:last-of-type) {
    margin-bottom: 18px
}

.rpinpai2 .c .ca2 .b4 .ls .c1 {
    color: #595757;
    
    margin-right: 20px
}

.rpinpai2 .c .ca2 .b4 .ls .c2 .d1:not(:last-of-type) {
    margin-bottom: 10px
}

.rpinpai2 .c .ca2 .b4 .lin {
    color: #fff;
    font-size: 12px
}

.rpinpai4 .c {
    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
}

.rpinpai4 .c .ca2 {
    width: unset
}

.rpinpai4 .c .ca2 .addcontai {
    height: 200px;
    overflow: auto
}

.rpinpai4 .c .ca2 .addcontai::-webkit-scrollbar {
    width: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.rpinpai4 .c .ca2 .addcontai::-webkit-scrollbar-thumb {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #5f5d5d
}

.rpinpai4 .c .ca2 .addcontai::-webkit-scrollbar-track {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #b6b7be
}

.rpinpai4 .c .ca2 .addb {
    width: 200px;
    border-bottom: 1px solid #a4a6ad;
    min-height: 38px;
    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: 4px 0
}

.rpinpai4 .c .ca2 .addb .active {
    color: #d59f6d
}

.rpinpai4 .c .ca2 .addb a {
    color: #595757;
    font-size: 16px;
    font-family: fontsext
}

.rpinpai4 .c .ca2 .addb a:hover {
    color: #d59f6d
}

.rpinpai4 .c .ca3 {
    height: 40.95744680851064vh;
    width: 73.21131447587355%;
    padding-right: 7.487520798668886%;
    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;
    overflow: auto
}

.rpinpai4 .c .ca3::-webkit-scrollbar {
    width: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.rpinpai4 .c .ca3::-webkit-scrollbar-thumb {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #5f5d5d
}

.rpinpai4 .c .ca3::-webkit-scrollbar-track {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #b6b7be
}

.rpinpai4 .c .ca3 {
    display: block
}

.rpinpai4 .c .ca3 .ls {
    height: 18.085106382978726vh;
    width: -webkit-calc(33.33% - 14px);
    width: -moz-calc(33.33% - 14px);
    width: calc(33.33% - 14px);
    float: left
}

.rpinpai4 .c .ca3 .ls:not(:nth-of-type(3n)) {
    margin-right: 20px
}

.rpinpai4 .c .ca3 .ls:not(:nth-last-of-type(-n+3)),
.rpinpai4 .c .ca3 .ls:nth-of-type(n+3) {
    margin-bottom: 40px
}

.rpinpai4 .c .ca3 .ls img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.rpinpai5 {
    position: relative;
    background: url(img/pcimg34.jpg) no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.rpinpai5 .fp-tableCell {
    -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
}

.rpinpai5 .a1,
.rpinpai5 .fp-tableCell {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.rpinpai5 .a1 {
    -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
}

.rpinpai5 .a1 .b1 {
    width: 120px;
    height: 120px;
    border: 6px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-bottom: 20px;
    position: relative
}

.rpinpai5 .a1 .b1:before {
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    cursor: pointer;
    border: 29px dashed transparent;
    border-right: none;
    border-left: 40px solid #d59f6d;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    top: 50%;
    left: 50%;
    margin-top: -29px;
    margin-left: -14px
}

.rpinpai5 .a1 .b2 {
    color: #fff;
    
    font-size: 24px;
    width: 120px;
    text-align: center
}

.rpinpai5-container {
    z-index: 1111111
}

.addclose {
    position: absolute;
    right: 3.3284023668639056%;
    top: 3.527336860670194%
}

.addclose:hover .a1,
.addclose:hover .a2 {
    top: 14.56px
}

.addclose:hover .a1,
.addclose:hover .a2,
.addclose:hover .a3,
.addclose:hover .a4 {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

.addclose:hover .a3,
.addclose:hover .a4 {
    bottom: 14.56px
}

.addclose-icon {
    width: 32px;
    height: 32px
}

.addclose span {
    background: #d59f6d
}

.addclose .a1 {
    left: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.addclose .a1,
.addclose .a2 {
    width: 14px;
    height: 3px;
    position: absolute;
    top: 6px;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    -moz-transition: all .35s ease;
    transition: all .35s ease
}

.addclose .a2 {
    right: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.addclose .a3 {
    right: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.addclose .a3,
.addclose .a4 {
    width: 14px;
    height: 3px;
    position: absolute;
    bottom: 6px;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    -moz-transition: all .35s ease;
    transition: all .35s ease
}

.addclose .a4 {
    left: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.addclose .a5 {
    width: 4px;
    height: 4px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    margin-top: -2px;
    left: 50%;
    margin-left: -2px;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    -moz-transition: all .35s ease;
    transition: all .35s ease
}

.rpro-rpinpai {
    background: #171921
}

.rpro-rpinpai .addcs {
    height: 55.85106382978723vh;
    position: relative;
    margin-top: 4.787234042553192vh
}

.rpro-rpinpai .addcs .c {
    max-width: 1352px;
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.rpro-rpinpai .addcs .a1 {
    width: 49.21875%;
    height: 100%;
    position: absolute;
    left: 15.957446808510639vh;
    top: 0
}

.rpro-rpinpai .addcs .a1 .b1 {
    height: 100%;
    width: 100%
}

.rpro-rpinpai .addcs .a1 .b1 img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.rpro-rpinpai .addcs .a1 .b2 {
    position: absolute;
    width: 100%;
    height: 2px;
    background: #656668;
    bottom: 0;
    left: 0
}

.rpro-rpinpai .addcs .a1 .b2:before {
    content: "";
    width: 12.742382271468145%;
    position: absolute;
    top: -3px;
    left: 0;
    background: #878787;
    height: 4px
}

.rpro-rpinpai .addcs .a2 {
    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: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 55.85106382978723vh
}

.rpro-rpinpai .addcs .a2 .b1 {
    font-size: 95px;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #c9c9c9;
    line-height: 95px;
    margin-bottom: 6.914893617021277vh;
    text-align: right;
    /* letter-spacing: -3px; */
}

.rpro-rpinpai .addcs .a2 .b1 span {
    color: #d59f6d
}

.rpro-rpinpai .addcs .a2 .b2 {
    width: 200px;
    border-bottom: 1px solid #36373e;
    text-align: right;
    /* border-bottom: none !important */
}

.rpro-rpinpai .addcs .a2 .b2 .active {
    color: #d59f6d
}

.rpro-rpinpai .addcs .a2 .b2 a {
    line-height: 50px;
    color: #c9c9c9;
    font-size: 19px;
    font-family: fontsext
}

.rpro-rpinpai .addcs .a2 .b2 a:hover {
    color: #d59f6d
}

.rpro-rpinpai .addcs .a2 .b2:last-of-type {
    margin-bottom: 5.851063829787234vh
}

.rpro-rpinpai .addcs .a2 .b3 {
    color: #545b71;
    font-size: 19px;
    
    line-height: 19px;
    float: right;
    width: 100px;
    height: 35px;
    border: 1px solid #d59f6d;
    background-color: #d59f6d;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 35px;
    line-height: 32px;
    text-align: center;
    font-size: 16px;
    display: inline-block;
    /* -webkit-transform: scale(.65);
    -moz-transform: scale(.65);
    -ms-transform: scale(.65);
    -o-transform: scale(.65);
    transform: scale(.65); */
    /* margin-right: -12.5%; */

}

.rpro-rpinpai .addcs .a2 .b3:hover {
    color: #fff
}

.rpro-rpinpai .addcs .a2 .bb1 {
    color: #c9c9c9;
    font-size: 25px;
    
    line-height: 25px;
    margin-top: 10px;
    letter-spacing: 0px;
}

.rpro-rpinpai:nth-of-type(2n) {
    background: #171921
}

.rpro-rpinpai:nth-of-type(2n) .addcs .c {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.rpro-rpinpai:nth-of-type(2n) .addcs .c,
.rpro-rpinpai:nth-of-type(2n) .addcs .c .a2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    
}

.rpro-rpinpai:nth-of-type(2n) .addcs .c .a2 {
    -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: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.rpro-rpinpai:nth-of-type(2n) .addcs .c .a2 .b1,
.rpro-rpinpai:nth-of-type(2n) .addcs .c .a2 .b2 {
    text-align: left
}

.rpro-rpinpai:nth-of-type(2n) .addcs .c .a2 .b3 {
    float: left;
    /* margin-left: -12.5%; */
}

.rpro-rpinpai:nth-of-type(2n) .addcs .a1 {
    right: 15.957446808510639vh;
    left: unset
}

.rpro-rpinpai:nth-of-type(2n) .addcs .a1 .b2 {
    background: #90929e
}

.rpro-rpinpai:nth-of-type(2n) .addcs .a1 .b2:before {
    background: #9597a3;
    left: unset;
    right: 0
}

.rpro-rpinpai:nth-of-type(2n) .addcsphone .a1 {
    text-align: left
}
.rpro-rpinpai.page22 .addcsphone .a1{
    right: 0;
left: unset;
text-align: left;
}
.rpro-rpinpai:nth-of-type(2n) .addcsphone .a2 .b2 {
    background: #90929e
}

.rpro-rpinpai:nth-of-type(2n) .addcsphone .a2 .b2:before {
    background: #9597a3;
    right: 0;
    left: unset
}

.rpro-rpinpai .addcsphone {
    padding-left: 5.208333333333334vw;
    padding-right: 5.208333333333334vw
}

.rpro-rpinpai .addcsphone .a1 {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 7.8125vw;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    text-align: right
}

.rpro-rpinpai .addcsphone .a1 span {
    color: #d59f6d
}

.rpro-rpinpai .addcsphone .a1 .bb1 {
    font-size: 20px;
    line-height: 20px;
    margin-top: 5px
}

.rpro-rpinpai .addcsphone .a2 {
    height: 59.895833333333336vw;
    position: relative;
    margin-bottom: 6.510416666666667vw
}

.rpro-rpinpai .addcsphone .a2 .b1 {
    width: 100%;
    height: 59.895833333333336vw
}

.rpro-rpinpai .addcsphone .a2 .b1 img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.rpro-rpinpai .addcsphone .a2 .b2 {
    position: absolute;
    width: 100%;
    height: 1px;
    background: #656668;
    bottom: 0;
    left: 0
}

.rpro-rpinpai .addcsphone .a2 .b2:before {
    content: "";
    width: 22.135416666666664vw;
    position: absolute;
    top: -2px;
    left: 0;
    background: #878787;
    height: 2px
}

.rpro-rpinpai .addcsphone .a3 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.rpro-rpinpai .addcsphone .a3,
.rpro-rpinpai .addcsphone .a3 .ls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.rpro-rpinpai .addcsphone .a3 .ls {
    width: 26.692708333333332vw;
    height: 7.8125vw;
    border: 1px solid #959699;
    color: #fff;
    
    font-size: 16px;
    line-height: 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;
    margin-bottom: 4.557291666666666vw
}

.rpro-rpinpai .addcsphone .a3 .ls:not(:nth-of-type(3n)) {
    margin-right: 3.90625vw
}

.rpro-rpinpai .addcsphone .a3 .active {
    background: #d59f6d;
    border: 1px solid #d59f6d;
    color: #fff
}

.rpro2 {
    background: #20222d;
    padding-top: 11.770833333333334%;
    padding-bottom: 13.020833333333334%
}

.rpro2 .c {
    max-width: 1352px;
    width: 100%;
    margin: 0 auto;
    -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
}

.rpro2 .c,
.rpro2 .c .a2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.rpro2 .c .a2 {
    -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
}

.rpro2 .c .a2 .b1 {
    font-size: 95px;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #c9c9c9;
    line-height: 95px;
    margin-bottom: 6.914893617021277vh;
    /* letter-spacing: -3px; */
}

.rpro2 .c .a2 .b1 span {
    color: #d59f6d
}

.rpro2 .c .a2 .b2 {
    width: 200px;
    border-bottom: 1px solid #36373e
}

.rpro2 .c .a2 .b2 .active {
    color: #d59f6d
}

.rpro2 .c .a2 .b2 a {
    line-height: 50px;
    color: #c9c9c9;
    font-size: 19px;
    font-family: fontsext
}

.rpro2 .c .a2 .b2 a:hover {
    color: #d59f6d
}

.rpro2 .c .a2 .b2:last-of-type {
    margin-bottom: 5.851063829787234vh
}

.rpro2 .c .a2 .b3 {
    color: #545b71;
    font-size: 19px;
    
    line-height: 19px;
    float: right;
    width: 100px;
    height: 35px;
    border: 1px solid #d59f6d;
    background-color: #d59f6d;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 35px;
    line-height: 32px;
    text-align: center;
    font-size: 16px;
    display: inline-block;
    /* -webkit-transform: scale(.65);
    -moz-transform: scale(.65);
    -ms-transform: scale(.65);
    -o-transform: scale(.65);
    transform: scale(.65); */
    /* margin-right: -12.5%; */
}

.rpro2 .c .a2 .b3:hover {
    color: #fff
}

.rpro2 .c .a2 .bb1 {
    color: #c9c9c9;
    font-size: 25px;
    
    line-height: 25px;
    margin-top: 10px
}

.rpro2 .c .a3 {
    width: 785px;
    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
}

.rpro2 .c .a3 .ls {
    width: -webkit-calc(33.33% - 12px);
    width: -moz-calc(33.33% - 12px);
    width: calc(33.33% - 12px)
}

.rpro2 .c .a3 .ls:not(:nth-of-type(3n)) {
    margin-right: 18px
}

.rpro2 .c .a3 .ls:not(:nth-last-of-type(-n+3)) {
    margin-bottom: 80px
}

.rpro2 .c .a3 .ls .b1 {
    height: 185px;
    margin-bottom: 15px;
    position: relative;
}

.rpro2 .c .a3 .ls .b1 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}
.rpro2 .c .a3 .ls .b1 img:nth-child(2) {
   opacity: 0;
   visibility: hidden;
   transition-duration: .5s;
}
.rpro2 .c .a3 .ls .b1:hover img:nth-child(2) {
    opacity: 1;
    visibility: visible;
 }

.rpro2 .c .a3 .ls .b2 {
    color: #878787;
    font-size: 14px;
    line-height: 14px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    font-family: fontslig
}

.rpro2 .c .a3 .ls .b3 {
    color: #878787;
    margin-top: 10px;
    font-size: 14px;
    line-height: 14px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    font-family: fontslig
}


.rpro2-isection2 .c {
    overflow: hidden;
    padding-top: 90px;
    padding-bottom: 90px
}

.rpro3-ones {
    background: #c2c4cc;
    padding-top: 11.354166666666666%;
    padding-bottom: 3.6458333333333335%
}

.rpro3-ones .c {
    max-width: 1352px;
    width: 100%;
    margin: 0 auto
}

.rpro3-ones .cs {
    width: 700px;
    margin: 0 auto
}

.rpro3-ones .a1 {
    color: #595757;
    font-size: 65px;
    line-height: 65px;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    margin-bottom: 8.571428571428571%
}

.rpro3-ones .a1 span {
    color: #d59f6d
}

.rpro3-ones .a2 {
    padding: 0 24px;
    color: #595757;
    margin-bottom: 50px
}

.rpro3-ones .a2 .b1 {
    font-size: 20px;
    line-height: 20px;
    
    margin-bottom: 30px;
    text-align: center;
    color: #595757
}

.rpro3-ones .a2 .b2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 17px;
    line-height: 17px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* border-bottom: 1px solid #44464f; */
}

.rpro3-ones .a2 .b2:not(:last-of-type) {
    margin-bottom: 20px
}

.rpro3-ones .a2 .b2 img {
    width: 30px;
    height: 30px;
    margin-right: 12px
}

.rpro3-ones .a2 .b2 .c1 {
    margin: 0 10px 0 0;
    
    line-height: 1.6
}

.rpro3-ones .a2 .b2 .c2 {
    font-size: 16px;
    font-weight: 300;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 1.6;
    text-align: justify !important;
    text-justify: inter-ideograph !important
}

.rpro3-ones .a3 {
    margin-bottom: 0
}

.rpro3-ones .a3 .b2 {
    /* display: block */
}

.rpro3-twos {
    background: #171921;
    padding: 5.208333333333334% 0 7.8125%
}

.rpro3-twos .c {
    max-width: 1352px;
    width: 100%;
    margin: 0 auto
}

.rpro3-twos .a1 {
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 10.355029585798817%
}

.rpro3-twos .a1 .b1 {
    color: #878787;
    font-size: 19px;
    line-height: 19px;
    
    letter-spacing: 16px
}

.rpro3-twos .a1 .b2 {
    color: #d59f6d;
    font-size: 65px;
    line-height: 65px;
    
    margin-top: 15px
}

.rpro3-twos .a2 {
    
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

    height: auto
}

.rpro3-twos .a2 .b1 {
    /* -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1; */
    width: 25%;
    position: relative;
    cursor: pointer;
    overflow: hidden
}
.rpro3-twos .a2 .b1:nth-child(n+5) {
    display: none;
}

.rpro3-twos .a2 .b1:not(:last-of-type) {
    border-right: 1px solid #362e2b
}

.rpro3-twos .a2 .b1:hover .zhe {
    top: 0
}

.rpro3-twos .a2 .c1 {
    width: 100%;
    height: 100%
}

.rpro3-twos .a2 .c1 .img1 {
    width: 100%;
    height: 100%;
    display: block;
    /* -o-object-fit: contain; */
    object-fit: cover
}
.rpro3-twos .a2 .zhe h6{

    margin-top: 15px;
    font-size: 20px;
    color: #333;

}
.rpro3-twos .a2 .zhe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: -100%;
    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;
    flex-direction: column;
    background: hsla(0, 0%, 100%, .5);
    -webkit-transition: top .5s;
    -o-transition: top .5s;
    -moz-transition: top .5s;
    transition: top .5s
}

.rpro3-twos .a2 .zhe img {
    width: 65.3061224489796%
}

.rpro3-threes {
    background: #20222d;
    padding-bottom: 4.6875%;
    position: relative;
    padding-top: 2.96875%
}
.rpo3-product{
    display: none;
}

.pro-vr{
    display: none;
}


.rpro3-threes .c {
    max-width: 1352px;
    width: 100%;
    margin: 0 auto
}

.rpro3-threes .a1 {
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 4.437869822485207%;
    text-align: center
}

.rpro3-threes .a1 .b1 {
    color: #878787;
    font-size: 19px;
    line-height: 19px;
    
    letter-spacing: 16px
}

.rpro3-threes .a1 .b2 {
    color: #c9c9c9;
    font-size: 65px;
    line-height: 65px;
    
    margin-top: 15px
}

.rpro3-threes .a1 .b2 span {
    color: #d59f6d
}

.rpro3-threes .a2 {
    width: 80.76923076923077%;
    height: 76vh;
    overflow: hidden;
    margin: 0 auto
}

.rpro3-threes .a2 img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain
}

.rpro3-threes .swiper-button-prev {
    top: 50%;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #fff;
    position: absolute;
    margin-top: -25px;
    left: 6.406249999999999%;
    color: #fff;
    font-size: 20px;
    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;
    background: none
}

.rpro3-threes .swiper-button-prev:hover {
    background: #d59f6d;
    border-color: #d59f6d
}

.rpro3-threes .swiper-button-next {
    top: 50%;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #fff;
    position: absolute;
    margin-top: -25px;
    right: 6.406249999999999%;
    color: #fff;
    font-size: 20px;
    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;
    background: none
}

.rpro3-threes .swiper-button-next:hover {
    background: #d59f6d;
    border-color: #d59f6d
}

.rpro3-threes .a3 {
    width: 100%;
    height: 2px;
    background: #87888c;
    position: relative
}

.rpro3-threes .a3 .pagination {
    background: #87888c;
    width: 100%;
    height: 100%
}

.rpro3-threes .a3 .swiper-pagination-progressbar-fill {
    background: #c9c9ca
}

.rpro3-fours {
    background: #c2c4cc;
    padding-top: 6.666666666666667%;
    padding-bottom: 11.71875%
}

.rpro3-fours .c {
    max-width: 1352px;
    width: 100%;
    margin: 0 auto
}

.rpro3-fours .a1 {
    margin-bottom: 9.245562130177515%
}

.rpro3-fours .a1 .b2 {
    color: #595757;
    font-size: 65px;
    line-height: 65px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center
}

.rpro3-fours .a1 .b2 span {
    color: #d59f6d
}

.rpro3-fours .a2 {
    width: 89.86686390532545%;
    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: 0 auto
}

.rpro3-fours .a2 .ls {
    width: -webkit-calc(33.33% - 44px);
    width: -moz-calc(33.33% - 44px);
    width: calc(33.33% - 44px)
}

.rpro3-fours .a2 .ls:not(:last-of-type) {
    margin-right: 62px
}

.rpro3-fours .a2 .ls:hover .b1 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)
}

.rpro3-fours .a2 .ls .b1 {
    height: 38.82978723404255vh;
    margin-bottom: 15px;
    overflow: hidden
}

.rpro3-fours .a2 .ls .b1 img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    -moz-transition: all .6s;
    transition: all .6s
}

.rpro3-fours .a2 .ls .b2 {
    color: #595757;
    font-size: 14px;
    line-height: 14px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    font-family: fontslig
}

.rnews-ones {
    background: #545b71;
    padding: 12.760416666666666% 0 12.239583333333332%
}

.rnews-ones .c {
    max-width: 1352px;
    width: 100%;
    margin: 0 auto;
    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: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.rnews-ones .ls .a1 {
    font-size: 95px;
    line-height: 95px;
    color: #c9c9c9;
    font-family: Arial, Helvetica, sans-serif;
    /* letter-spacing: -3px; */
}

.rnews-ones .ls .a1 span {
    color: #d59f6d
}

.rnews-ones .ls .a2 {
    color: #c9c9c9;
    font-size: 22px;
    line-height: 22px;
    
    margin-top: 20px
}

.rnews-ones .rs {
    width: 67.3076923076923%;
    height: 49.46808510638298vh;
    background: #c2c4cc;
    padding: 10.106382978723403vh 4.437869822485207% 9.042553191489363vh 2.9585798816568047%;
    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-ones .rs .a1 {
    width: 54.32098765432099%;
    height: 100%;
    overflow: hidden
}

.rnews-ones .rs .a1: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)
}

.rnews-ones .rs .a1 img {
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.rnews-ones .rs .a2 {
    width: 43.20987654320987%;
    height: 100%;
    padding-top: 4.787234042553192vh;
    -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: #2f2f2f;
    
    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
}

.rnews-ones .rs .a2 .b1 .c1 {
    font-size: 24px;
    line-height: 24px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical
}

.rnews-ones .rs .a2 .b1 .c2 {
    font-size: 12px;
    line-height: 12px;
    margin-top: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #666;
}

.rnews-ones .rs .a2 .b1 .c3 {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: 14px;
    line-height: 14px
}

.rnews-ones .rs .a2 .b1 .c3 span {
    color: #87888c;
    font-size: 12px;
    line-height: 12px
}

.rnews-ones .rs .a2 .b1 .c3 .d1 {
    margin-right: 5.208333333333334vw
}

.rnews-ones .rs .a2 .b2 {
    font-size: 14px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    overflow: hidden;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    text-align: justify !important;
    text-justify: inter-ideograph !important
}

.rnews-ones .rs .a2 .b3 {
    width: 80px;
height: 35px;
line-height: 32px;
font-size: 16px;
border: 1px solid #d59f6d;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 35px;
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
color: #666;

text-align: center;
background: #d59f6d;


}

.rnews-ones .rs .a2 .b3:hover {
    background: #d59f6d;
    color: #fff
}

.rnews-twos {
    background: #c2c4cc;
    padding: 4.166666666666666% 0 3.125%;
    position: relative
}

.rnews-twos .c {
    max-width: 1352px;
    width: 100%;
    margin: 0 auto;
    max-width: 920px
}

.rnews-twos .c .addpages .a1,
.rnews-twos .c .addpages .a2 {
    border-color: #929294;
    color: #929294
}

.rnews-twos .c .addpages .a1:hover,
.rnews-twos .c .addpages .a2:hover {
    background: #d59f6d;
    border-color: #d59f6d;
    color: #fff
}

.rnews-twos .c .addpages .active {
    color: #fff;
    border-color: #d59f6d
}

.rnews-twos .cs {
    margin-bottom: 11.170212765957446vh
}

.rnews-twos .ls {
    display: block;
    height: 130px;
    border-bottom: 1px solid #aeaeae;
    overflow: hidden
}

.rnews-twos .ls:hover .lscontai {
    background: #8b8f9e
}

.rnews-twos .ls:hover .lscontai .ris {
    color: #fff
}

.rnews-twos .lscontai {
    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;
    height: -webkit-calc(100% - 10px);
    height: -moz-calc(100% - 10px);
    height: calc(100% - 10px);
    margin-top: 5px;
    width: 100%
}

.rnews-twos .lscontai .les {
    color: #545b71;
    font-family: Arial;
    margin: 0 35px;

}

.rnews-twos .lscontai .les .a1 {
    font-size: 70px;
    text-align: center;
    line-height: 70px
}

.rnews-twos .lscontai .les .a2 {
    font-size: 17px;
    line-height: 17px;
    text-align: center
}

.rnews-twos .lscontai .ris {
    width: 73.91304347826086%;
    color: #595757;
    font-family: fontslig
}

.rnews-twos .lscontai .ris .a1 {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 24px
        /*! autoprefixer: off */
}

.rnews-twos .lscontai .ris .a1,
.rnews-twos .lscontai .ris .a2 {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    -webkit-box-orient: vertical
}

.rnews-twos .lscontai .ris .a2 {
    font-size: 13px;
    line-height: 13px
        /*! autoprefixer: off */
}

.rnews-twos .prevs {
    top: 50%;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #fff;
    position: absolute;
    margin-top: -25px;
    left: 6.406249999999999%;
    color: #fff;
    font-size: 20px;
    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;
    background: none
}

.rnews-twos .prevs:hover {
    background: #d59f6d;
    border-color: #d59f6d
}

.rnews-twos .nexts {
    top: 50%;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #fff;
    position: absolute;
    margin-top: -25px;
    right: 6.406249999999999%;
    color: #fff;
    font-size: 20px;
    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;
    background: none
}

.rnews-twos .nexts:hover {
    background: #d59f6d;
    border-color: #d59f6d
}

.rnews-r-ones {
    background: #545b71;
    padding: 8.333333333333332% 0 4.947916666666666%
}

.rnews-r-ones .c {
    max-width: 1352px;
    width: 100%;
    margin: 0 auto
}

.rnews-r-ones .ctops {
    background: #c2c4cc;
    padding: 7.396449704142012% 10.207100591715976% 3.698224852071006%;
    position: relative
}

.rnews-r-ones .ctops .addclose {
    top: 3.723404255319149vh
}

.rnews-r-ones .ctops .titles {
    font-size: 22px;
    color: #595757;
    
    margin-bottom: 12px;
    padding-bottom: 30px;
    border-bottom: 1px solid #7f7e81;
    text-align: center
}

.rnews-r-ones .ctops .a1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: 14px;
    line-height: 14px;
    color: #737274;
    
    margin-bottom: 6.970260223048327%
}

.rnews-r-ones .ctops .a1 span {
    font-size: 12px;
    line-height: 12px
}

.rnews-r-ones .ctops .a1 .b1 {
    margin-right: 22px
}

.rnews-r-ones .ctops .a2 {
    font-size: 16px;
    font-family: fontslig !important;
    color: #6f6e6f;
    line-height: 2;
    text-align: justify !important;
    text-justify: inter-ideograph !important
}

.rnews-r-ones .ctops .a2 img {
    max-width: 100%
}

.rnews-r-ones .cfoots {
    background: #20222d;
    padding: 14px 6.656804733727811% 28px;
    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-r-ones .cfoots .les .a1 {
    color: #74767f;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 12px;
    padding-left: 15px;
    font-family: fontslig
}

.rnews-r-ones .cfoots .les .ls {
    position: relative;
    padding-left: 15px;
    font-size: 14px;
    line-height: 14px
}

.rnews-r-ones .cfoots .les .ls:before {
    content: "";
    width: 5px;
    height: 5px;
    background: #74767f;
    position: absolute;
    top: 5px;
    left: 0
}

.rnews-r-ones .cfoots .les .ls:not(:last-of-type) {
    margin-bottom: 12px
}

.rnews-r-ones .cfoots .les .ls a {
    color: #74767f;
    font-size: 14px;
    line-height: 14px;
    font-family: fontslig
}

.rnews-r-ones .cfoots .les .ls a:hover {
    color: #d59f6d
}

.rnews-r-ones .cfoots .ris {
    font-size: 20px;
    line-height: 20px;
    background: #d59f6d;
    color: #fff;
    
    padding: 8px 18px
}

.addpages {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.addpages,
.addpages .a1 {
    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
}

.addpages .a1 {
    width: 60px;
    height: 28px;
    font-size: 14px;
    line-height: 14px;
    
    border: 1px solid #b1b1b1;
    color: #b1b1b1;
    margin-bottom: 6px;
    margin-right: 6px
}

.addpages .a1:hover {
    background: #d59f6d;
    border-color: #d59f6d;
    color: #fff
}

.addpages .a2 {
    width: 28px;
    height: 28px;
    font-size: 14px;
    line-height: 14px;
    
    border: 1px solid #b1b1b1;
    color: #b1b1b1;
    margin-bottom: 6px;
    margin-right: 5px;
    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
}

.addpages .a2:hover,
.addpages .active {
    background: #d59f6d;
    border-color: #d59f6d;
    color: #fff
}

.rvideos-ones {
    padding-bottom: 7.187499999999999%;
    padding-top: 9.635416666666668%;
    min-height: 100vh;
}

.rvideos-ones .c {
    display: block
}

.rvideos-ones .ls {
    margin-bottom: 4.218935%
}

.rvideos-ones .addls {
    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
}

.rvideos-ones .als {
    width: -webkit-calc(50% - 35px);
    width: -moz-calc(50% - 35px);
    width: calc(50% - 35px);
    padding-bottom: 29.763%;
    position: relative;
    margin-bottom: 70px
}

.rvideos-ones .als .alscontai {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff
}

.rvideos-ones .als:not(:nth-of-type(2n)) {
    margin-right: 70px
}

.rvideos-ones .als .a1 {
    height: 80.659574%;
    position: relative
}

.rvideos-ones .als .a1 img {
    width: 100%;
    height: auto;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.rvideos-ones .als .a1 .aplay {
    width: 64px;
    height: 64px;
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-left: -32px;
    margin-top: -32px;
    cursor: pointer;
   
}

.rvideos-ones .als .a1 .aplay:before {
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    cursor: pointer;
    border: 16px dashed transparent;
    border-right: none;
    border-left: 21px solid #d59f6d;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -8px
}

.rvideos-ones .als .a2 {
    height: 22.340425531914892%;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    color: #545b71;
    font-size: 24px;
    line-height: 24px;
    
    display: flex;
    justify-content: center;
    align-items: center
}

.ryunshang1 {
    background: url(img/add05018-16.jpg) no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.ryunshang2 {
    background: #20222d
}

.ryunshang2 .c {
    max-width: 1352px;
    width: 100%;
    margin: 0 auto;
    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: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    height: 578px;
}

.ryunshang2 .les .b1 {
    font-size: 95px;
    line-height: 95px;
    font-family: Arial, Helvetica, sans-serif;
    color: #d59f6d;
    /* letter-spacing: -3px; */
}

.ryunshang2 .les .b2 {
    
    color: #fff;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 8.255vh
}

.ryunshang2 .les .b3 {
    font-size: 16px;
    line-height: 16px;
    
    margin-bottom: 2.6595744680851063vh;
    color: #fff
}

.ryunshang2 .ris {
    width: 960px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%);
}

.ryunshang2 .ris .a1 {
    height: 10.638297872340425vh;
    
    font-size: 22px;
    line-height: 22px;
    background: #2b2f3d;
    color: #fff;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 9.836065573770492%
}

.ryunshang2 .ris .a1,
.ryunshang2 .ris .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
}

.ryunshang2 .ris .ls {
    height: 17.02127659574468vh;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #92949d;
    padding-right: 390px;
}

.ryunshang2 .ris .ls:not(:last-of-type) {
    border-bottom: 1px solid #72757f
}

.ryunshang2 .ris .ls .b1 {
    margin-right: 40px;
    margin-left: 9.836065573770492%
}

.ryunshang2 .ris .ls .b1 img {
    width: 46px
}

.ryunshang2 .ris .ls .b2 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    
    color: #3e414e
}

.ryunshang2 .ris .ls .b2 .c1,
.ryunshang2 .ris .ls .b2 .c2 {
    font-size: 20px;
    line-height: 20px
}

.ryunshang2 .ris .ls .b2 .c2 {
    margin-bottom: 1.702127659574468vh;
    margin-top: .425531914893617vh
}

.ryunshang2 .ris .ls .b2 .c3 {
    font-size: 16px;
    line-height: 1.2;
    opacity: .8;
    color: #fff
}

.ryunshang3 {
    background: url(img/add05018-17.jpg) no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.ryunshang3 .c {
    max-width: 1352px;
    width: 100%;
    margin: 0 auto;
    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: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.ryunshang3 .les .a1 {
    color: #c9c9c9;
    font-size: 95px;
    line-height: 95px;
    font-family: Arial, Helvetica, sans-serif;
    /* letter-spacing: -3px; */
}

.ryunshang3 .les .a1 span {
    color: #d59f6d
}

.ryunshang3 .les .a2 {
    font-size: 22px;
    line-height: 22px;
    color: #c9c9c9;
    
    margin: 3.1914893617021276vh 0 8.255vh
}

.ryunshang3 .les .a3 {
    color: #c9c9c9;
    font-size: 16px;
    line-height: 16px;
    
    margin-bottom: 6.382978723404255vh;
    line-height: 1.8
}

.ryunshang3 .les .a4 {
    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-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;
    width: 100px
}

.ryunshang3 .les .a4 img {
    width: 90px;
    margin-bottom: 1.4893617021276597vh
}

.ryunshang3 .les .a4 span {
    font-size: 14px;
    line-height: 14px;
    color: #c9c9c9;
    font-family: fontsext
}

.ryunshang3 .ris {
    width: 645px
}

.ryunshang3 .ris .a1 {
    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;
    
    font-size: 25px;
    line-height: 25px;
    margin-bottom: 10.638297872340425vh;
    color: #fff
}

.ryunshang3 .ris .a1 span {
    margin-left: 20px
}

.ryunshang3 .ris .a2 {
    height: 17.02127659574468vh;
    padding-top: 2.6595744680851063vh
}

.ryunshang3 .ris .a2:not(:last-of-type) {
    border-bottom: 1px solid #7b7b7f
}

.ryunshang3 .ris .a2 .ls {
    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;
    width: 295px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ryunshang3 .ris .a2 .ls .b1 {
    margin-right: 24px
}

.ryunshang3 .ris .a2 .ls .b1 img {
    width: 65px
}

.ryunshang3 .ris .a2 .ls .b2 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    
    color: #c9c9c9
}

.ryunshang3 .ris .a2 .ls .b2 .c1 {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 1.0638297872340425vh
}

.ryunshang3 .ris .a2 .ls .b2 .c2 {
    font-size: 14px;
    line-height: 1.4;
    text-align: justify !important;
    text-justify: inter-ideograph !important
}

.rjiameng1 {
    background: #545b71
}

.rjiameng1 .c {
    max-width: 1352px;
    width: 100%;
    margin: 0 auto;
    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: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.rjiameng1 .les {
    color: #c9c9c9
}

.rjiameng1 .les .a1 {
    font-size: 95px;
    line-height: 95px;
    font-family: Arial, Helvetica, sans-serif;
    /* letter-spacing: -3px; */

}

.rjiameng1 .les .a1 span {
    color: #d59f6d
}

.rjiameng1 .les .a2 {
    font-size: 22px;
    line-height: 22px;
    
    margin: 2.3404255319148937vh 0 3.723404255319149vh
}

.rjiameng1 .les .a3 {
    @mmixin centerlf;
    font-size: 16px;
    line-height: 1.6;
    width: 44.37869822485207%
}

.rjiameng1 .ris {
    width: 840px;
    height: 62.23404255319149vh;
    overflow: hidden
}

.rjiameng1 .ris .swiper-slide {
    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
}

.rjiameng1 .ris .ls {
    width: -webkit-calc(50% - 13px);
    width: -moz-calc(50% - 13px);
    width: calc(50% - 13px);
    height: 29.78723404255319vh
}

.rjiameng1 .ris .ls:not(:nth-of-type(2n)) {
    margin-right: 26px
}

.rjiameng1 .ris .ls:not(:nth-last-of-type(-n+2)) {
    margin-bottom: 3.1914893617021276vh
}

.rjiameng1 .ris .ls .a1 {
    height: 19.936vh;
    margin-bottom: 1.0638297872340425vh
}

.rjiameng1 .ris .ls .a1 img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.rjiameng1 .ris .ls .a2 {
    font-size: 14px;
    line-height: 14px;
    color: #c9c9c9;
    
    line-height: 1.2
}

.rjiameng1 .swiper-button-prev {
    top: 50%;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #fff;
    position: absolute;
    margin-top: -25px;
    left: 6.406249999999999%;
    color: #fff;
    font-size: 20px;
    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;
    background: none
}

.rjiameng1 .swiper-button-prev:hover {
    background: #d59f6d;
    border-color: #d59f6d
}

.rjiameng1 .swiper-button-next {
    top: 50%;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #fff;
    position: absolute;
    margin-top: -25px;
    right: 6.406249999999999%;
    color: #fff;
    font-size: 20px;
    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;
    background: none
}

.rjiameng1 .swiper-button-next:hover {
    background: #d59f6d;
    border-color: #d59f6d
}

.rjiameng2 {
    background: url(img/add05018-25.jpg) no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    position: relative
}

.rjiameng2 .contai {
    width: 665px;
    height: 37.446809vh;
    padding: 3.723404255319149vh 0 3.1914893617021276vh 2.864583333333333%;
    position: absolute;
    top: 32%;
    right: -6%;
    margin-top: -26vh;
    color: #c9c9c9;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.rjiameng2 .contai .a1 {
    font-size: 95px;
    line-height: 95px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 80px;
    /* letter-spacing: -3px; */
}

.rjiameng2 .contai .a1 span {
    color: #d59f6d
}

.rjiameng2 .contai .a2 {
    font-size: 22px;
    line-height: 22px;
    font-family: fontsnor
}

.rjiameng2 .contai .a3 {
    font-size: 16px;
    line-height: 1.6
}

.rjiameng4 {
    background: #c2c4cc
}

.rjiameng4 .c {
    max-width: 1352px;
    width: 100%;
    margin: 0 auto
}

.rjiameng4 .ctops {
    color: #595757;
    text-align: center;
    overflow: hidden
}

.rjiameng4 .ctops .a1 {
    font-size: 95px;
    line-height: 95px;
    font-family: Arial, Helvetica, sans-serif;
    /* letter-spacing: -3px; */
}

.rjiameng4 .ctops .a1 span {
    color: #d59f6d
}

.rjiameng4 .ctops .a2 {
    font-size: 22px;
    line-height: 22px;
    
    margin: 2.9787234042553195vh 0 11.170212765957446vh
}

.rjiameng4 .cfoots {
    /* width: NaN%; */
    margin: 0 auto
}

.rjiameng4 .cfoots .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    color: #595757;
    border-bottom: 1px solid #656465
}

.rjiameng4 .cfoots .list:first-of-type {
    margin-bottom: 4.25531914893617vh
}

.rjiameng4 .cfoots .list .ls {
    width: 20%;
    height: 19.148936170212767vh;
    -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;
    
    text-align: center
}

.rjiameng4 .cfoots .list .ls,
.rjiameng4 .cfoots .list .ls .a1 {
    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
}

.rjiameng4 .cfoots .list .ls .a1 {
    height: 6.382978723404255vh;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.rjiameng4 .cfoots .list .ls .a1 img {
    max-height: 95%
}

.rjiameng4 .cfoots .list .ls .a2 {
    font-size: 16px;
    line-height: 1;
    margin: 2.127659574468085vh 0 1.5957446808510638vh
}

.rjiameng4 .cfoots .list .ls .a3 {
    font-size: 12px;
    line-height: 1.2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical
}

.rjiameng5 {
    background: url(img/add05018-36.jpg) no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.rjiameng5 .c {
    max-width: 1352px;
    width: 100%;
    margin: 0 auto;
    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: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.rjiameng5 .les {
    color: #595757
}

.rjiameng5 .les .a1 {
    font-size: 95px;
    line-height: 95px;
    font-family: Arial, Helvetica, sans-serif;
    /* letter-spacing: -3px; */
}

.rjiameng5 .les .a1 span {
    color: #d59f6d
}

.rjiameng5 .les .a2 {
    font-size: 22px;
    line-height: 22px;
    
    margin: 2.127659574468085vh 0 6.382978723404255vh
}

.rjiameng5 .les .a3 {
    font-size: 16px;
    line-height: 1.6;
    font-family: fontslig
}

.rjiameng5 .ris {
    width: 725px;
    height: 52.12765957446809vh;
    background: rgba(166, 172, 177, .9)
}

.rjiameng5 .ris .a1 {
    background: #1c232c;
    height: 11.170212765957446vh;
    padding-right: 55px;
    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-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.rjiameng5 .ris .a1 img {
    height: 6.808510638297872vh
}

.rjiameng5 .ris .ls {
    height: 13.617021276595745vh;
    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
}

.rjiameng5 .ris .ls:not(:last-of-type) {
    border-bottom: 1px solid #c9c9c9
}

.rjiameng5 .ris .lsa1 {
    width: 60px;
    height: 60px;
    border: 1px solid #41494f;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 45px 0 80px;
    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
}

.rjiameng5 .ris .lsa1 img {
    max-height: 40px
}

.rjiameng5 .ris .lsa2 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #282f38;
    font-family: fontslig
}

.rjiameng5 .ris .lsa2 .b1 {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 1.276595744680851vh
}

.rjiameng5 .ris .lsa2 .b2 {
    font-size: 16px;
    line-height: 16px
}

.rjiameng6 {
    background: #545b71
}

.rjiameng6 .c {
    max-width: 1352px;
    width: 100%;
    margin: 0 auto
}

.rjiameng6 .cdes {
    font-size: 16px;
    line-height: 16px;
    color: #c9c9c9;
    
    margin-bottom: 2.127659574468085vh
}

.rjiameng6 .contai {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #c2c4cc;
    height: 53.191489361702125vh;
    margin-bottom: 3.1914893617021276vh;
    padding: 6.382978723404255vh 7.396449704142012% 0 6.656804733727811%;
    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: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative
}

.rjiameng6 .les .a1 {
    font-size: 95px;
    line-height: 95px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 2.6595744680851063vh 0 2.127659574468085vh;
    color: #595757;
    /* letter-spacing: -3px; */
}

.rjiameng6 .les .a1 span {
    color: #d59f6d
}

.rjiameng6 .les .a2 {
    font-size: 18px;
    line-height: 18px;
    color: #595757;
    
    margin-bottom: 10.638297872340425vh
}

.rjiameng6 .les .a3 {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 8px;
    color: #595757
}

.rjiameng6 .les .a4 {
    font-size: 16px;
    line-height: 16px;
    
    color: #595757
}

.rjiameng6 .ris {
    width: 45.48816568047337%
}

.rjiameng6 .ris .a1 {
    border-bottom: 1px solid #7f7f82;
    height: 5.531914893617021vh;
    color: #595757;
    font-size: 16px;
    
    display: block;
    width: 100%
}

.rjiameng6 .ris .a1::-webkit-input-placeholder {
    color: #595757;
    font-size: 16px;
    font-family: fontsnor
}

.rjiameng6 .ris .a1:-moz-placeholder,
.rjiameng6 .ris .a1::-moz-placeholder {
    color: #595757;
    font-size: 16px;
    font-family: fontsnor
}

.rjiameng6 .ris .a1:-ms-input-placeholder {
    color: #595757;
    font-size: 16px;
    font-family: fontsnor
}

.rjiameng6 .ris .a2 {
    height: 18.085106382978726vh;
    color: #595757;
    font-size: 16px;
    
    display: block;
    width: 100%;
    border-bottom: 1px solid #7f7f82;
    padding-top: 2.127659574468085vh
}

.rjiameng6 .ris .a2::-webkit-input-placeholder {
    color: #595757;
    font-size: 16px;
    font-family: fontsnor
}

.rjiameng6 .ris .a2:-moz-placeholder,
.rjiameng6 .ris .a2::-moz-placeholder {
    color: #595757;
    font-size: 16px;
    font-family: fontsnor
}

.rjiameng6 .ris .a2:-ms-input-placeholder {
    color: #595757;
    font-size: 16px;
    font-family: fontsnor
}

.rjiameng6 .ris .a3 {
    width: 155px;
    height: 45px;
    background: #a86840;
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    position: absolute;
    bottom: -75px;
    left: 50%;
    margin-left: -77.5px
}

.rcase1 {
    background: #c2c4cc;
    padding: 31.914893617021278vh 0 25.53191489361702vh;
    position: relative
}

.rcase1 .c {
    max-width: 1352px;
    width: 100%;
    margin: 0 auto;
    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: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.rcase1 .les {
    color: #595757
}

.rcase1 .les .a1 {
    font-size: 95px;
    line-height: 95px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 85px;
    /* letter-spacing: -3px; */
}

.rcase1 .les .a1 span {
    color: #d59f6d
}

.rcase1 .les .a2 {
    font-size: 22px;
    line-height: 22px;
    
    margin-top: 1.5957446808510638vh
}

.rcase1 .ris {
    width: 720px;
    height: 42.5531914893617vh;
    overflow: hidden
}

.rcase1 .ris .swiper-slide {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.rcase1 .ris .ls,
.rcase1 .ris .swiper-slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.rcase1 .ris .ls {
    border: 1px solid #706f71;
    -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: -webkit-calc(33.33% - 20px);
    width: -moz-calc(33.33% - 20px);
    width: calc(33.33% - 20px);
    height: 19.148936170212767vh;
    margin-bottom: 3.404255319148936vh
}

.rcase1 .ris .ls:not(:nth-of-type(3n)) {
    margin-right: 30px
}

.rcase1 .ris .ls img {
    max-width: 95%
}

.rcase1 .swiper-button-prev {
    top: 50%;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #706f70;
    position: absolute;
    margin-top: -25px;
    left: 6.406249999999999%;
    color: #706f70;
    font-size: 20px;
    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;
    background: none
}

.rcase1 .swiper-button-prev:hover {
    background: #d59f6d;
    border-color: #d59f6d;
    color: #fff
}

.rcase1 .swiper-button-next {
    top: 50%;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #706f70;
    position: absolute;
    margin-top: -25px;
    right: 6.406249999999999%;
    color: #706f70;
    font-size: 20px;
    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;
    background: none
}

.rcase1 .swiper-button-next:hover {
    background: #d59f6d;
    border-color: #d59f6d;
    color: #fff
}

.rcase2 {
    background: #20222d;
    position: relative;
    padding: 10.638297872340425vh 0 8.51063829787234vh
}

.rcase2 .c {
    max-width: 1352px;
    width: 100%;
    margin: 0 auto
}

.rcase2 .ta1 {
    color: #c9c9c9;
    font-size: 95px;
    line-height: 95px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    /* letter-spacing: -3px; */
}

.rcase2 .ta1 span {
    color: #d59f6d
}

.rcase2 .ta2 {
    font-size: 28px;
    line-height: 28px;
    color: #c9c9c9;
    
    text-align: center;
    margin: 2.9787234042553195vh 0
}

.rcase2 .ta3 {
    width: 460px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto 8.936170212765958vh
}

.rcase2 .ta3 .ls {
    width: 25%;
    text-align: center;
    color: #ccc;
    font-size: 16px;
    line-height: 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid #8e919c
}

.rcase2 .ta3 .ls:hover {
    color: #d59f6d;
    position: relative
}

.rcase2 .ta3 .ls:hover:before {
    content: "";
    width: 100%;
    height: 3px;
    background: #8e919c;
    position: absolute;
    bottom: 0;
    left: 0
}

.rcase2 .ta3 .active {
    color: #d59f6d;
    position: relative
}

.rcase2 .ta3 .active:before {
    content: "";
    width: 100%;
    height: 3px;
    background: #8e919c;
    position: absolute;
    bottom: 0;
    left: 0
}

.rcase2 .ta4 {
    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;
    height: 570px;
}

.rcase2 .ta4 .ls {
    width: -webkit-calc(25% - 13.5px);
    width: -moz-calc(25% - 13.5px);
    width: calc(25% - 13.5px);
    height: 24.46808510638298vh;
    margin-bottom: 3.1914893617021276vh
}

.rcase2 .ta4 .ls:not(:nth-of-type(4n)) {
    margin-right: 18px
}

.rcase2 .ta4 .ls .a1 {
    height: 21.27659574468085vh
}

.rcase2 .ta4 .ls .a1 img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.rcase2 .ta4 .ls .a2 {
    font-size: 14px;
    line-height: 14px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    margin-top: 1.276595744680851vh;
    color: #9a9a9b
}

.rcase2 .swiper-button-prev {
    top: 63%;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #fff;
    position: absolute;
    margin-top: -25px;
    left: 6.406249999999999%;
    color: #fff;
    font-size: 20px;
    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;
    background: none
}

.rcase2 .swiper-button-prev:hover {
    background: #d59f6d;
    border-color: #d59f6d
}

.rcase2 .swiper-button-next {
    top: 63%;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #fff;
    position: absolute;
    margin-top: -25px;
    right: 6.406249999999999%;
    color: #fff;
    font-size: 20px;
    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;
    background: none;
    
}

.rcase2 .swiper-button-next:hover {
    background: #d59f6d;
    border-color: #d59f6d
}

.rconta1 {
    background: #141821
}

.rconta1 .c {
    max-width: 1352px;
    width: 100%;
    margin: 0 auto
}

.rconta2 {
    background: #74767f;
    color: #f8f8f8;
    font-family: fontslig
}

.rconta2 .c {
    max-width: 1352px;
    width: 100%;
    margin: 0 auto
}

.rconta2 .a1 {
    font-size: 35px;
    line-height: 35px;
    font-family: fontsext
}

.rconta2 .a2 {
    font-size: 20px;
    line-height: 20px;
    margin: 1.5625vw 0 6.510416666666667vw
}

.rconta2 .a3 {
    font-size: 18px;
    line-height: 18px;
    color: #d59f6d;
    margin-bottom: 3.2552083333333335vw
}

.rconta2 .a4 {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 5.208333333333334vw
}

.rconta2 .a5 .b1 {
    height: 11.067708333333332vw;
    border: 1px solid #f8f8f8;
    position: relative;
    margin-bottom: 3.90625vw
}

.rconta2 .a5 .b1 input,
.rconta2 .a5 .b1 textarea {
    display: block;
    width: 100%;
    height: 100%;
    color: #f8f8f8;
    
    font-size: 16px;
    padding-left: 8.463541666666668vw
}

.rconta2 .a5 .b1 input::-webkit-input-placeholder,
.rconta2 .a5 .b1 textarea::-webkit-input-placeholder {
    color: #f8f8f8;
    
    font-size: 16px
}

.rconta2 .a5 .b1 input:-moz-placeholder,
.rconta2 .a5 .b1 input::-moz-placeholder,
.rconta2 .a5 .b1 textarea:-moz-placeholder,
.rconta2 .a5 .b1 textarea::-moz-placeholder {
    color: #f8f8f8;
    
    font-size: 16px
}

.rconta2 .a5 .b1 input:-ms-input-placeholder,
.rconta2 .a5 .b1 textarea:-ms-input-placeholder {
    color: #f8f8f8;
    
    font-size: 16px
}

.rconta2 .a5 .b1 textarea {
    line-height: 11.067708333333332vw
}

.rconta2 .a5 .b1 img {
    width: 4.557291666666666vw;
    position: absolute;
    top: 33%;
    left: 2.604166666666667vw
}

.rconta2 .a5 .b2 {
    width: 35.15625vw;
    height: 9.765625vw;
    background: #a2673f;
    color: #fff;
    font-size: 16px;
    margin: 7.8125vw auto 0;
    display: block
}

.ryunpan1 {
    background: #545b71
}

.ryunpan1 .c {
    max-width: 1352px;
    width: 100%;
    margin: 0 auto
}

.ryunpan1 .a1 {
    font-size: 95px;
    line-height: 95px;
    color: #c9c9c9;
    font-family: Arial, Helvetica, sans-serif;
    /* letter-spacing: -3px; */
}

.ryunpan1 .a1 span {
    color: #d59f6d
}

.ryunpan1 .a2 {
    font-size: 24px;
    line-height: 24px;
    color: #c9c9c9;
    
    margin: 1.5957446808510638vh 0 3.1914893617021276vh
}

.ryunpan1 .a3 {
    background: #c2c4cc;
    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;
    height: 50vh
}

.ryunpan1 .a3 .les {
    width: 50%;
    height: 100%
}

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

.ryunpan1 .a3 .ris {
    width: 50%;
    height: 100%;
    padding: 10.638297872340425vh 9.615384615384617% 0
}

.ryunpan1 .a3 .ris img {
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -18px
}

.ryunpan1 .a3 .ris .b1 {
    height: 5.319148936170213vh;
    border-bottom: 1px solid #5e6065;
    position: relative;
    margin-bottom: 6.382978723404255vh
}

.ryunpan1 .a3 .ris .b1 input {
    display: block;
    width: 100%;
    height: 100%;
    color: #2d2e31;
    font-size: 16px;
    line-height: 5.319148936170213vh;
    
    padding-left: 12.01923076923077%
}

.ryunpan1 .a3 .ris .b1 input::-webkit-input-placeholder {
    color: #2d2e31;
    font-size: 16px;
    line-height: 5.319148936170213vh;
    font-family: fontsreg
}

.ryunpan1 .a3 .ris .b1 input:-moz-placeholder,
.ryunpan1 .a3 .ris .b1 input::-moz-placeholder {
    color: #2d2e31;
    font-size: 16px;
    line-height: 5.319148936170213vh;
    font-family: fontsreg
}

.ryunpan1 .a3 .ris .b1 input:-ms-input-placeholder {
    color: #2d2e31;
    font-size: 16px;
    line-height: 5.319148936170213vh;
    font-family: fontsreg
}

.ryunpan1 .a3 .ris .b2 {
    width: 150px;
    height: 40px;
    font-size: 16px;
    line-height: 4.319vh;
    background: #a76840;
    display: block;
    margin: 0 auto;
    color: #fff
}

.ryunpan2 {
    background: #545b71;
    padding: 19.680851063829788vh 0
}

.ryunpan2 .c {
    max-width: 1352px;
    width: 100%;
    margin: 0 auto;
    position: relative
}

.ryunpan2 .c:before {
    border: 8.5px dashed transparent;
    border-top: 8.5px solid #545b71;
    border-bottom: none;
    top: 0
}

.ryunpan2 .c:after,
.ryunpan2 .c:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    cursor: pointer;
    right: 23.5207100591716%
}

.ryunpan2 .c:after {
    border: 8.5px dashed transparent;
    border-top: none;
    border-bottom: 8.5px solid #545b71;
    bottom: 0
}

.ryunpan2 .contai {
    height: 60.1063829787234vh;
    background: #c2c4cc;
    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: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 6.914893617021277vh 0 6.914893617021277vh 5.177514792899409%
}

.ryunpan2 .contai .les {
    width: 74.49297971918877%;
    height: 100%;
    border-right: 1px solid #434650
}

.ryunpan2 .contai .les .noa1 {
    font-size: 24px;
    line-height: 24px;
    color: #595757;
    
    margin-bottom: 1.9148936170212765vh
}

.ryunpan2 .contai .les .noa2 {
    color: #595757;
    font-size: 16px;
    line-height: 16px;
    font-family: fontslig
}

.ryunpan2 .contai .ris {
    width: 20.904836193447736%;
    height: 100%
}

.ryunpan2 .contai .ris .ls {
    height: 10%;
    padding-left: 11.194029850746269%;
    color: #8d8d91;
    font-size: 16px;
    line-height: 16px;
    
    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
}

.ryunpan2 .contai .ris .ls:not(:last-of-type) {
    border-bottom: 1px dashed #8d8d91
}

.ryunpan2 .contai .ris .ls:hover {
    color: #d59f6d
}

.ryunpan2 .contai .ris .loginout {
    background: #d09d6c;
    padding-left: 0;
    color: #fff;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.ryunpan2 .contai .ris .loginout:hover {
    color: #fff
}

.ryunpan2 .contai .ris .active {
    color: #d59f6d
}

.ryunpan2 .pea1 {
    height: 12.369791666666668vw;
    background: #c2c4cc;
    color: #545b71;
    font-size: 16px;
    line-height: 16px;
    
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 14.322916666666666vw;
    position: relative
}

.ryunpan2 .pea1:before {
    width: 3px;
    height: 18px;
    top: 3.90625vw;
    right: 7.291666666666667vw
}

.ryunpan2 .pea1:after,
.ryunpan2 .pea1:before {
    content: "";
    background: #d09d6c;
    position: absolute
}

.ryunpan2 .pea1:after {
    width: 18px;
    height: 3px;
    top: 5.859375vw;
    right: 5.46875vw
}

.ryunpan2 .pea2 {
    height: 12.369791666666668vw;
    background: #d09d6c;
    padding-left: 3.3854166666666665vw;
    font-size: 16px;
    line-height: 16px;
    
    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;
    color: #545b71
}

.ryunpan2 .pea3 {
    display: none
}

.ryunpan2 .pea3-ls {
    background: #c2c4cc;
    height: 12.369791666666668vw;
    padding-left: 3.3854166666666665vw;
    
    color: #545b71;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ryunpan2 .pea3-ls:not(:first-of-type) {
    border-top: 1px dashed #494c56
}

.ryunpan2 .pea3 .loginout {
    height: 13.020833333333334vw;
    background: #d09d6c;
    color: #545b71;
    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;
    font-size: 18px;
    line-height: 18px;
    font-family: fontsnor
}

.ryunpan2 .pea4 {
    height: 85.9375vw;
    background: #f3f1f4;
    display: block
}

.ryunpan2 .pea4 .o1 {
    height: 55.338541666666664vw
}

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

.ryunpan2 .pea4 .o2 {
    height: 30.598958333333332vw;
    padding: 7.161458333333333vw 0 0 10.416666666666668vw
}

.ryunpan2 .pea4 .o2 .c1 {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    font-size: 16px;
    line-height: 16px;
    color: #000;
    
    margin-bottom: 7.161458333333333vw
}

.ryunpan2 .pea4 .o2 .c2 {
    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
}

.ryunpan2 .pea4 .o2 .c2 img {
    width: 6.510416666666667vw;
    margin-right: 2.604166666666667vw
}

.ryunpan2 .pea4 .o2 .c2 span {
    font-size: 14px;
    line-height: 14px;
    color: #8c8c8c;
    font-family: fontsnor
}

.ryunpanadd1 {
    padding-top: 3.1914893617021276vh;
    border-top: 1px solid #595757;
    width: 90.041928721174%
}

.ryunpanadd2 {
    padding-right: 9.958071278825996%;
    height: 37.234042553191486vh;
    overflow: auto
}

.ryunpanadd2::-webkit-scrollbar {
    width: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px
}

.ryunpanadd2::-webkit-scrollbar-thumb {
    -webkit-border-radius: 1px;
    border-radius: 1px;
    background: #d59f6d
}

.ryunpanadd2::-webkit-scrollbar-track {
    -webkit-border-radius: 1px;
    border-radius: 1px;
    background: #434650
}

.ryunpanadd2 {
    width: -webkit-calc(100% + 1px);
    width: -moz-calc(100% + 1px);
    width: calc(100% + 1px);
    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
}

.ryunpanadd2 .ls {
    height: 30.851063829787233vh;
    width: -webkit-calc(50% - 30px);
    width: -moz-calc(50% - 30px);
    width: calc(50% - 30px);
    margin-bottom: 2.127659574468085vh
}

.ryunpanadd2 .ls:not(:nth-of-type(2n)) {
    margin-right: 60px
}

.ryunpanadd2 .ls .lsa1 {
    height: 24.46808510638298vh
}

.ryunpanadd2 .ls .lsa1 img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: contain;
    object-fit: contain
}

.ryunpanadd2 .ls .lsa2 {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    color: #595757;
    
    font-size: 18px;
    line-height: 18px;
    margin: 1.0638297872340425vh 0
}

.ryunpanadd2 .ls .lsa3 {
    font-family: fontsext
}

.ryunpanadd2 .ls .lsa3,
.ryunpanadd2 .times {
    color: #595757;
    font-size: 14px;
    line-height: 14px
}

.ryunpanadd2 .times {
    
    margin-bottom: 2.127659574468085vh
}

.ryunpanadd2 .click {
    color: #595757;
    font-size: 14px;
    line-height: 14px
}

.ryunpanadd2 .click,
.ryunpanadd2 .contents {
    
    margin-bottom: 4.25531914893617vh
}

.ryunpanadd2 .contents {
    color: #595757 !important;
    font-size: 16px
}

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

.ryunpanadd2 .o1 {
    color: #595757;
    font-size: 16px;
    line-height: 16px;
    
    margin-bottom: 2.127659574468085vh;
    line-height: 2
}

.ryunpanadd2 .o1 a,
.ryunpanadd2 .o1 span {
    color: #d59f6d;
    font-size: 16px;
    line-height: 16px
}

.ryunpanadd2 .o2 {
    font-size: 14px;
    line-height: 14px
}

.add0429-1,
.ryunpanadd2 .o2 {
    color: #595757;
    font-family: fontsext
}

.add0429-1 {
    background: #c2c4cc;
    padding: 3.90625vw;
    height: auto
}

.add0429-1 a {
    color: #595757;
    font-family: fontsext
}

.add0429-1 .a1 {
    font-size: 16px;
    line-height: 16px;
    margin: 4.557291666666666vw 0
}

.add0429-1 .a2 {
    margin-bottom: 1.953125vw
}

.add0429-1 .a2,
.add0429-1 .a3 {
    font-size: 14px;
    line-height: 14px
}

.add0429-1 .a3,
.add0429-1 .a4 {
    margin-bottom: 6.510416666666667vw
}

.add0429-1 .a4 {
    font-size: 16px
}

.add0429-1 .a4 img {
    max-width: 100% !important
}

.add0429-1 .a5 {
    font-size: 14px;
    line-height: 14px;
    line-height: 1.4;
    border-bottom: 1px solid #c6c7cb;
    padding-bottom: 5.208333333333334vw;
    margin-bottom: 2.604166666666667vw
}

.add0429-1 .a5 a {
    line-height: 1.4 !important;
    display: block;
    margin: .6510416666666667vw 0
}

.add0429-1 .a5 a,
.add0429-1 .a5 span {
    color: #d59f6d;
    word-wrap: break-word
}

.add0429-1 .a6 {
    font-size: 12px;
    line-height: 12px;
    line-height: 1.4;
    opacity: .8
}

.fp-controlArrow.fp-next:hover,
.fp-controlArrow.fp-prev:hover {
    background: #d59f6d;
    border-color: #d59f6d
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    width: 6px;
    height: 6px;
    background: #878787
}

.addcss0518-1 {
    background: #20222d
}

.addcss0518-1 .addcs .a2 .b2,
.addcss0518-1:nth-of-type(2n) {
    border-bottom: 1px solid #c9c9c9
}

.addcss0518-1:nth-of-type(2n) {
    background: #545b71
}
.addcss0518-1.page22 {
    background: #545b71
}

.addcss0518-1.page22 .addcs .c {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
} 
.addcss0518-1.page22  .addcs .c .a2 .b1, .addcss0518-1.page22  .addcs .c .a2 .b2 {
    text-align: left;
}
.addcss0518-1.page22 .addcs .c .a2 {
    -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: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.addcss0518-1.page22 .addcs .c .a2 .b3 {
    float: left;
    /* margin-left: -12.5%; */
}


.addcss0518-1.page22 .addcs .a1 {
    right: 15.957446808510639vh;
    left: unset;
}
.addcs .c {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.baguetteBox-button#close-button {
    display: none
}

.baguetteBox-button#next-button,
.baguetteBox-button#previous-button {
    width: 60px;
    background: #d59f6d;
    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
}

@media(max-width:768px) {
    .garcia-logo {
        width: 34.24479166666667vw;
        right: 5.859375vw
    }

    .garcia-logo,
    .menu {
        top: 5.208333333333334vw
    }

    .menu {
        left: 5.859375vw
    }

    .garcia-index .section1 {
        
        background: url(img/addimgs0525-1.jpg) no-repeat center;
        background-size: auto 100vh !important;
    }

    .open-nav .menu {
        left: unset;
        right: 8.463541666666668vw
    }

    .open-nav .menu span {
        background: #d59f6d
    }

    .isection2 .left,
    .isection2 .right {
        display: none
    }

    .isection2 .tops {
        font-size: 50px;
        line-height: 1;
        margin-bottom: 150px
    }

    .isection2 .tops .addbian {
        color: #fff;
        font-size: 18px;
        position: relative;
        top: -8px;
        left: unset
    }

    .isection2 .foots {
        width: 85.9375vw
    }

    .isection2 .foots .a1 {
        width: 100%;
        margin-bottom: 7.8125vw;
        height: 22.135416666666664vw
    }

    .isection2 .foots .a1 img {
        height: 11vw
    }

    .isection2 .foots .a1 .b2 {
        font-size: 14px
    }

    .isection2 .foots .a2 {
        width: 100%
    }

    .isection2 .c {
        padding-left: 5.859375vw;
        padding-right: 5.859375vw
    }

    .isection3 {
        background: url(img/banner-indexbg002.jpg) no-repeat 50%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        position: relative
    }

    .isection3 .fp-tableCell {
        position: absolute;
        top: 26.411458vw;
        left: 0
    }

    .isection3 .a1 {
        font-size: 50px;
        line-height: 1;
        margin-top: 5.208333333333334vw
    }

    .isection3 .a2 {
        margin-bottom: 7.8125vw;
        margin-top: 1.0416666666666665vw;
        color: #fff;
    }

    .isection3 .a2,
    .isection3 .a3 {
        font-size: 26px
    }

    .isection3 .a3 {
        
        width: 70px;
        height: 30px;
        font-size: 16px;
        line-height: 27px;
        margin-left: 0;
        transform: scale(1);
        border-width: 1px;
        color: #fff;
    }

    .isection3 .c {
        padding-left: 5.859375vw;
        padding-right: 5.859375vw;
        text-align: center;

    }

    .isection4 .slide {
        background: url(img/banner-indexbg003.jpg) no-repeat 50%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover
    }
    .isection4 .slide1 {
        background-image: url(img/banner-indexbg003.jpg);
    }
    .isection4 .slide2 {
        background-image: url(img/banner-indexbg005.jpg);
    }

    .isection4 .a1 {
        color: #fff;
        font-size: 51px;
        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;
        line-height: 102px;
        font-family: Arial, Helvetica, sans-serif;
    }
     

    .isection4 .a1 .b1 {
        width: 40px;
        height: 40px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: 5px solid #fff;
        position: relative
    }

    .isection4 .a1 .b1:before {
        width: 0;
        height: 0;
        line-height: 0;
        font-size: 0;
        overflow: hidden;
        cursor: pointer;
        border: 9px dashed transparent;
        border-right: none;
        border-left: 14px solid #d59f6d;
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        top: 50%;
        left: 50%;
        margin-top: -9px;
        margin-left: -5px
    }

    .isection4 .fp-controlArrow.fp-prev {
        left: 5.208333333333334vw
    }

    .isection4 .fp-controlArrow.fp-next,
    .isection4 .fp-controlArrow.fp-prev {
        width: 35px;
        height: 35px;
        margin-top: -17.5px;
        line-height: 35px;
        font-size: 24px;
        font-family: fontslig
    }

    .isection4 .fp-controlArrow.fp-next {
        right: 5.208333333333334vw
    }

    .isection5 {
        background: url(img/banner-indexbg004.jpg) no-repeat 50%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        position: relative
    }

    /* .isection5 .c {
        text-align: center
    } */

    .isection5 .fp-tableCell {
        position: absolute;
        top: 16.411vw;
        left: 0
    }

    .isection5 .a1 {
        font-size: 42px;
        line-height: 1;
        margin-top: 5.208333333333334vw
    }

    .isection5 .a2 {
        margin-bottom: 7.8125vw;
        margin-top: 1.0416666666666665vw
    }

    .isection5 .a2,
    .isection5 .a3 {
        font-size: 26px;
        color: #545b71;
    }
      
    .isection5 .a3 {
        width: 70px;
        height: 30px;
        font-size: 16px;
        line-height: 27px;
        margin-right: 0;
        transform: scale(1);
        border-width: 1px;
        color: #fff;
    }

    .isection5 .c {
        padding-left: 5.859375vw;
        padding-right: 5.859375vw;
        text-align: center;
    }

    .isection6 .a1 {
        font-size: 42px;
        line-height: 1
    }

    .isection6 .a2 {
        font-size: 26px;
        line-height: 1;
        margin: 2.604166666666667vw 0 5.208333333333334vw
    }

    .isection6 .c {
        padding-left: 6.510416666666667vw !important;
        padding-right: 6.510416666666667vw !important
    }

    .isection6 .a3 {
        -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;
        height: auto
    }

    .isection6 .a3 .b1,
    .isection6 .a3 .b2 {
        width: 100%;
        height: 65.594vw
    }

    .isection6 .a3 .b2 .c1 {
        margin-top: 6.510416666666667vw;
        margin-bottom: 2.604166666666667vw;
        font-family: fontsext
    }

    .isection6 .a3 .b2 .c2 {
        font-size: 18px;
        color: #595757 !important;
        padding-bottom: 2.604166666666667vw;
        margin-bottom: 2.604166666666667vw
    }

    .isection6 .a3 .b2 .c3 {
        font-family: fontsreg
    }

    .isection6 .a3 .b2 .c4 {
        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;
        left: unset;
        right: 0;
        
        color: #fff;
        font-family: Arial, Helvetica, sans-serif;

        width: 85px;
        height: 35px;
        line-height: 32px;
    }

    .isection6 .a3 .b2 .c4:hover {
        color: #fff
    }

    

    .isection6 .c {
        padding-left: 5.859375vw;
        padding-right: 5.859375vw
    }

    .isection7 .c {
        padding-left: 7.161458333333333vw !important;
        padding-right: 7.161458333333333vw !important
    }

    .isection7 .tops {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: block;
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none
    }

    .isection7 .tops .l .a2 {
        margin: 5.208333333333334vw 0 5.859375vw
    }

    .isection7 .tops .l .a3 {
        width: 15.625vw;
        display: none;
    }
    .isection7 .tops .l .a4 {
        display: block;
        width: 100%;
    }

    .isection7 .tops .m {
        display: none
    }

    .isection7 .tops .r {
        margin: 9.114583333333332vw 0
    }

    .isection7 .tops .r .a2 {
        border-bottom: none;
        margin-bottom: 6.510416666666667vw;
        padding-bottom: 0;
        margin-top: 1.3020833333333335vw;
        padding-right: 64px;
        font-size: 12px;
    }

    .isection7 .foots> img {
        width: 54.427083333333336vw
    }
    

    .isection7 .foots .addfonts,
    .isection7 .foots .addfonts a {
        font-size: 12px;
        line-height: 12px
    }

    .isection7 .c,
    .rpinpai .addcs .c {
        padding-left: 5.859375vw;
        padding-right: 5.859375vw
    }

    .pinpaierji {
        z-index: 100000;
		box-sizing: border-box;
		padding-top: 3vw;
		padding-bottom: 3vw;
    }

    .rpinpai1 {
        position: relative;
    }

    .rpinpai1 .c {
        width: -webkit-calc(100% - 10.41667vw);
        width: -moz-calc(100% - 10.41667vw);
        width: calc(100% - 10.41667vw);
        padding-left: 5.208333333333334vw !important;
        padding-right: 5.208333333333334vw !important;
		height: 100%;
		box-sizing: border-box;
        position: absolute;
        bottom: 0;
        left: 5.208333333333334vw
    }

    .rpinpai1 .c .ca2 {
        width: 100%;
        height: 100%
    }

    .rpinpai1 .c .ca2 .b1 {
        font-size: 30px;
        line-height: 30px
    }

    .rpinpai1 .c .ca2 .b2 {
        font-size: 16px;
        line-height: 16px
    }

    .rpinpai1 .c .ca2 .b3 {
        margin-top: 3.2552083333333335vw;
        margin-bottom: 9.114583333333332vw;
        width: 9.765625vw;
        height: 1px
    }

    .rpinpai1 .c .ca2 .b4 {
        height: 108.07291666666667vw;
        font-size: 14px;
        padding-right: 10px
    }

    .rpinpai1 .c {
        padding-left: 5.859375vw;
        padding-right: 5.859375vw
    }

    .rpinpai2 .c .ca2 .b3 {
        margin-top: 6.510416666666667vw;
        margin-bottom: 10.416666666666668vw
    }

    .rpinpai2 .c .ca2 .b4 {
        height: 95.05208333333334vw
    }

    .rpinpai2 .c .ca2 .b4 .ls {
        display: flex
    }

    .rpinpai2 .c .ca2 .b4 .ls:not(:last-of-type) {
        margin-bottom: 4.166666666666666vw
    }

    .rpinpai2 .c .ca2 .b4 .ls .c2 .d1:not(:last-of-type) {
        margin-bottom: 5px
    }

    .rpinpai3 .d1 {
        line-height: 2;
        /* color: #fff */
    }

    .rpinpai4 .c {
        display: block;

    }

    .rpinpai4 .c .ca2 {
        height: unset
    }

    .rpinpai4 .c .ca2 .addcontai {
        height: 80px;
        margin-bottom: 3.90625vw
    }

    .rpinpai4 .c .ca2 .b3 {
        margin-bottom: 2.604166666666667vw
    }

    .rpinpai4 .c .ca3 {
        width: 100%;
        height: 97.65625vw;
        padding-right: 5px
    }

    .rpinpai4 .c .ca3 .ls {
        height: 53.865vw;
       
        width: 100%;
    }

    .rpinpai4 .c .ca3 .ls:not(:nth-of-type(3n)) {
        margin-right: 0
    }

    .rpinpai4 .c .ca3 .ls:not(:nth-last-of-type(-n+3)) {
        margin-bottom: 0
    }

    .rpinpai4 .c .ca3 .ls:not(:nth-last-of-type(-n+2)) {
        margin-bottom: 5.208333333333334vw
    }

    .rpinpai4 .c .ca3 .ls:not(:nth-of-type(2n)) {
        margin-right: 12px;
        
    }


    .rpinpai4 .c .ca3 .ls:not(:nth-last-of-type(-n+3)), .rpinpai4 .c .ca3 .ls:nth-of-type(n+3) {
        margin-bottom: 5.208333333333334vw;
    }
    .rpinpai5 {
        background-image: url(img/banner-indexbg006.jpg);
    }
    .rpinpai5 .a1 {
        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
    }

    .rpinpai5 .a1 .b1 {
        margin-bottom: 10px;
        width: 45px;
        height: 45px
    }

    .rpinpai5 .a1 .b1:before {
        border: 12px dashed transparent;
        border-left: 16px solid #d59f6d;
        margin-top: -12px;
        margin-left: -4px
    }

    .rpinpai5 .a1 .b2 {
        width: unset;
        font-size: 18px
    }

    .rpro-rpinpai .addcs .c {
        padding-left: 5.859375vw;
        padding-right: 5.859375vw
    }

    .rpro2 {
        padding-top: 25.390625vw
    }

    .rpro2 .c {
        display: block
    }

    .rpro2 .c .a2 .b1 {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 7.8125vw
    }

    .rpro2 .c .a2 .bb1 {
        font-size: 18px;
        line-height: 18px
    }

    .rpro2 .c .a2 .b2,
    .rpro2 .c .a2 .b3 {
        display: none
    }

    .rpro2 .c .a3 {
        width: 100%
    }

    .rpro2 .c .a3 .ls {
        width: -webkit-calc(50% - 7px);
        width: -moz-calc(50% - 7px);
        width: calc(50% - 7px)
    }

    .rpro2 .c .a3 .ls:not(:nth-of-type(3n)) {
        margin-right: 0
    }

    .rpro2 .c .a3 .ls:not(:nth-last-of-type(-n+3)) {
        margin-bottom: 0
    }

    .rpro2 .c .a3 .ls:not(:nth-of-type(2n)) {
        margin-right: 14px
    }

    .rpro2 .c .a3 .ls:not(:nth-last-of-type(-n+2)) {
        margin-bottom: 7.552083333333333vw
    }

    .rpro2 .c .a3 .ls .b1 {
        height: 42.31770833333333vw;
        margin-bottom: 8px
    }

    .rpro2-isection2 .c {
        padding-top: 7.8125vw;
        padding-bottom: 13.020833333333334vw
    }

    .rpro2 .c {
        padding-left: 5.859375vw;
        padding-right: 5.859375vw
    }

    .rpro3-ones {
        padding-top: 29.947916666666668vw;
        padding-bottom: 17.578125vw;
        display: none;
    }
	.rpro3-ones .d-block {
	display: block!important;
	}
	.rpro3-ones .d-block p{
	margin: auto;
	}
	
	.rpro3-ones .d-block p img {
    vertical-align: middle;
    border-style: none;
	width: 100%;
}
    .rpro3-ones .cs {
        width: 100%
    }

    .rpro3-ones .a1 {
        font-size: 35px;
        line-height: 24px;
        -moz-text-align-last: left;
        text-align-last: left;
        margin-bottom: 8.463541666666668vw
    }

    .rpro3-ones .a1 span {
        font-size: 22px;
        line-height: 22px
    }

    .rpro3-ones .a2 {
        padding: 0
    }

    .rpro3-ones .a2 .b1 {
        font-size: 16px;
        line-height: 16px;
        margin-bottom: 4.427083333333334vw;
        padding-bottom: 2.864583333333333vw;
        border-bottom: 1px solid #c6c7cb
    }

    .rpro3-ones .a2 .b2 {
        font-size: 14px
    }

    .rpro3-ones .a2 .b2:not(:last-of-type) {
        margin-bottom: 7.161458333333333vw
    }

    .rpro3-ones .a2 .b2 .c1 {
        line-height: unset
    }

    .rpro3-ones .a2 .b2 .c2 {
        -webkit-box-flex: unset;
        -webkit-flex: unset;
        -moz-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
        padding-left: 11.458333333333332vw;
        position: relative;
        top: -2.651042vw;
        left: unset;
        font-size: 14px;
        line-height: 2
    }

    .rpro3-ones .a3 .b2 .c2 {
        display: block;
        padding-left: 0;
        position: unset
    }

    .rpro3-ones .c {
        padding-left: 5.859375vw;
        padding-right: 5.859375vw;
        
    }

    .rpro3-twos {
        padding: 24.578vw 0 20.833333333333336vw;
        display: none;
    }
    

    .rpro3-twos .a1 {
        margin-bottom: 5.859375vw;
        text-align: center
    }

    .rpro3-twos .a1 .b1 {
        font-size: 22px;
        line-height: 1.2;
        
        letter-spacing: 0
    }

    .rpro3-twos .a1 .b2 {
        font-size: 22px;
        line-height: 1.2;
        margin-top: 0
    }

    .rpro3-twos .a2 {
        height: auto;
        -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
    }

    .rpro3-twos .a2 .b1 {
        width: 25%;
        height: 44.27083333333333vw;
        -webkit-box-flex: unset;
        -webkit-flex: unset;
        -moz-box-flex: unset;
        -ms-flex: unset;
        flex: unset
    }

    .rpro3-twos .a2 .b1:not(:nth-of-type(-n+4)) {
        border-top: 1px solid #362e2b
    }

    .rpro3-twos .a2 .zhe img {
        width: 100%
    }

    .rpro3-twos .c {
        padding-left: 5.859375vw;
        padding-right: 5.859375vw
    }

    .rpro3-threes {
        padding-bottom: 31.88vw;
padding-top: 22.417vw;
    }
    .rpo3-product{
        padding: 24.578vw 0 20.833333333333336vw;
        display: block;
        background: #171921;
    }

    .pro-vr{
        display: block;
        padding: 40px 0 50px;
        text-align: center;
        background-color: #555b71;
    }

    .pro-vr img{
       width: 100px;
       margin-bottom: 10px;
    }
    .pro-vr h3{
        font-size: 16px;
        color: #c6c4cf;
        line-height: 1.2;
     }

    .rpro3-threes .swiper-button-next,
    .rpro3-threes .swiper-button-prev {
        display: none
    }

    .rpro3-threes .a1 {
        margin-bottom: 6.510416666666667vw
    }

    .rpro3-threes .a1 .b1 {
        font-size: 22px;
        line-height: 1.2;
        
        letter-spacing: 0;
        color: #d59f6d
    }

    .rpro3-threes .a1 .b2 {
        font-size: 22px;
        line-height: 1.2;
        margin-top: 0
    }

    .rpro3-threes .a1 .b2 span {
        color: unset
    }

    .rpro3-threes .a2 {
        width: 100%;
        height: 81vw;
        margin-bottom: 3.90625vw
    }
    .rpo3-product .a2 {
        height: auto;
    }

    .rpro3-threes .c {
        padding-left: 5.859375vw;
        padding-right: 5.859375vw
    }
    .rpo3-product .c {
        padding-left: 10vw;
        padding-right: 10vw
    }

    .rpro3-fours {
        padding-top: 18.880208333333336vw;
        padding-bottom: 22.135416666666664vw
    }

    .rpro3-fours .a1 {
        margin-bottom: 6.510416666666667vw
    }

    .rpro3-fours .a1 .b2 {
        font-size: 22px;
        line-height: 1.2;
        text-align: center
    }

    /* .rpro3-fours .a1 .b2 span {
        font-size: 22px;
        line-height: 22px
    } */

    .rpro3-fours .a2 {
        width: 100%
    }

    .rpro3-fours .a2 .ls {
        width: -webkit-calc(50% - 5px);
        width: -moz-calc(50% - 5px);
        width: calc(50% - 5px)
    }

    .rpro3-fours .a2 .ls:not(:last-of-type) {
        margin-right: 0
    }

    .rpro3-fours .a2 .ls:nth-of-type(2n) {
        margin-left: 10px
    }

    .rpro3-fours .a2 .ls:not(:nth-of-type(-n+2)) {
        display: none
    }

    .rpro3-fours .a2 .ls .b1 {
        height: 37.109375vw;
        margin-bottom: 10px
    }

    .rpro3-fours .c {
        padding-left: 5.859375vw;
        padding-right: 5.859375vw
    }

    .rnews-ones {
        padding: 20.833333333333336vw 0 18.417vw
    }

    .rnews-ones .c {
        display: block
    }

    .rnews-ones .ls .a1 {
        font-size: 40px;
        line-height: 40px
    }

    .rnews-ones .ls .a2 {
        margin: 2.34375vw 0 5.208333333333334vw
    }

    .rnews-ones .rs {
        width: 100%;
        height: auto;
        padding: 0;
        display: block;
        background: none
    }

    .rnews-ones .rs .a1 {
        width: 100%;
        height: 48.828125vw
    }

    .rnews-ones .rs .a2 {
        width: 100%;
        padding-top: 0;
        display: block;
        color: #c9c9ca
    }

    .rnews-ones .rs .a2 .b1 .c1 {
        font-size: 18px;
        line-height: 18px;
        margin-top: 5.859375vw;
        padding-bottom: 3.2552083333333335vw;
        border-bottom: 1px solid #54565b;
        margin-bottom: 2.34375vw
    }

    .rnews-ones .rs .a2 .b2 {
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        overflow: hidden;
        /*! autoprefixer: off */
        -webkit-box-orient: vertical;
        text-indent: 28px;
        margin: 6.510416666666667vw 0 9.765625vw
    }

    .rnews-ones .rs .a2 .b3 {
        width: 70px;
        height: 30px;
        color: #fff;
        display: inline-block;
        line-height: 30px;
        font-size: 18px
    }

    .rnews-ones .c {
        padding-left: 5.859375vw;
        padding-right: 5.859375vw
    }

    .rnews-twos {
        padding: 12.813vw 0 13.020833333333334vw
    }

    .rnews-twos .nexts,
    .rnews-twos .prevs {
        display: none
    }

    .rnews-twos .cs {
        margin-bottom: 15.625vw
    }

    .rnews-twos .ls {
        height: 25.78125vw;
        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-twos .lscontai {
        height: -webkit-calc(100% - 5.20833vw);
        height: -moz-calc(100% - 5.20833vw);
        height: calc(100% - 5.20833vw);
        margin-top: 0
    }

    .rnews-twos .lscontai .les {
        margin: 0 4.557291666666666vw 0 3.90625vw
    }

    .rnews-twos .lscontai .les .a1 {
        font-size: 40px;
        line-height: 40px;
        font-family: fontsbol
    }

    .rnews-twos .lscontai .les .a2 {
        font-size: 14px;
        line-height: 14px;
        font-family: fontslig
    }

    .rnews-twos .lscontai .ris {
        width: unset;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .rnews-twos .lscontai .ris .a1 {
        font-size: 16px;
        line-height: 16px;
        margin-bottom: 2.083333333333333vw
    }

    .rnews-twos .lscontai .ris .a2 {
        font-size: 14px;
        line-height: 14px
    }

    .rnews-twos .c {
        padding-left: 5.859375vw;
        padding-right: 5.859375vw
    }

    .rnews-r-ones {
        position: relative;
        z-index: 100000000;
        padding: 9.114583333333332vw 0 8.463541666666668vw
    }

    .rnews-r-ones .ctops {
        padding: 17.578125vw 5.208333333333334vw 6.510416666666667vw
    }

    .rnews-r-ones .ctops .addclose {
        top: 4.557291666666666vw
    }

    .rnews-r-ones .ctops .titles {
        font-size: 18px;
        text-align: left;
        position: relative;
        padding-bottom: 2.213541666666667vw;
        margin-bottom: 6.510416666666667vw;
        border-bottom: none
    }

    .rnews-r-ones .ctops .titles:before {
        content: "";
        width: 14.973958333333334vw;
        height: 2px;
        position: absolute;
        bottom: 0;
        left: 0;
        background: #d59f6d
    }

    .rnews-r-ones .ctops .a1 {
        margin-bottom: 5.859375vw
    }

    .rnews-r-ones .ctops .a1 .b1 {
        margin-right: 3.90625vw
    }

    .rnews-r-ones .ctops .a2 {
        font-size: 14px;
        line-height: 2;
        font-family: fontsnor !important
    }

    .rnews-r-ones .cfoots .les .a1 {
        padding-left: 0;
        color: #fff
    }

    .rnews-r-ones .cfoots .les .ls:before {
        background: #fff
    }

    .rnews-r-ones .cfoots .les .ls a {
        color: #fff;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        overflow: hidden;
        /*! autoprefixer: off */
        -webkit-box-orient: vertical
    }

    .rnews-r-ones .c {
        padding-left: 5.859375vw;
        padding-right: 5.859375vw
    }

    .addpages .a1 {
        width: 50px
    }

    .addpages .a1,
    .addpages .a2 {
        height: 26px;
        font-size: 12px;
        line-height: 12px
    }

    .addpages .a2 {
        width: 26px
    }

    .rvideos-ones {
        padding-top: 27.994791666666668vw;
        padding-bottom: 6.510416666666667vw
    }

    .rvideos-ones .ls {
        text-align: center
    }

    .rvideos-ones .addls {
        display: block
    }

    .rvideos-ones .als {
        width: 100%;
        padding-bottom: 61.848958333333336vw;
        margin-bottom: 7.8125vw
    }

    .rvideos-ones .als .a1 .aplay {
        width: 45px;
        height: 45px
    }

    .rvideos-ones .als .a1 .aplay:before {
        border: 11px dashed transparent;
        border-left: 14px solid #d59f6d;
        margin-top: -11px;
        margin-left: -5px
    }

    .rvideos-ones .als .a2 {
        font-size: 16px;
        justify-content: flex-start;
        padding-left: 15px;
        line-height: 1;
        height: 17%;
    }
    .rvideos-ones .als .a1 {
        height: 83%;
        position: relative;
    }

    .ryunshang1 {
        background: url(img/pagebg-001.jpg) no-repeat 50%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover
    }

    .ryunshang2 .c {
        display: block
    }

    .ryunshang2 .les {
        margin-bottom: 6.510416666666667vw
    }

    .ryunshang2 .les .b1 {
        font-size: 30px;
        line-height: 30px
    }

    .ryunshang2 .les .b2 {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 2.604166666666667vw
    }

    .ryunshang2 .les .b3 {
        font-size: 12px;
        line-height: 1.6;
        margin-bottom: 1.3020833333333335vw
    }

    .ryunshang2 .ris {
        width: 100%
    }

    .ryunshang2 .ris .a1 {
        height: 12.239583333333332vw;
        font-size: 16px;
        line-height: 16px;
        -webkit-box-pack: centerflex;
        -webkit-justify-content: centerflex;
        -moz-box-pack: centerflex;
        -ms-flex-pack: centerflex;
        justify-content: centerflex;
        padding-left: 2.604166666666667vw
    }

    .ryunshang2 .ris .ls {
        height: 26.041666666666668vw
    }

    .ryunshang2 .ris .ls .b1 {
        margin: 0 3.2552083333333335vw 0 2.604166666666667vw
    }

    .ryunshang2 .ris .ls .b1 img {
        width: 8.463541666666668vw
    }

    .ryunshang2 .ris .ls .b2 .c1,
    .ryunshang2 .ris .ls .b2 .c2 {
        font-size: 14px;
        line-height: 14px
    }

    .ryunshang2 .ris .ls .b2 .c3 {
        font-size: 12px
    }

    .ryunshang2 .c {
        padding-left: 5.859375vw;
        padding-right: 5.859375vw
    }

    

    .ryunshang3 .c {
        display: block;
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .ryunshang3 .fp-tableCell {
        height: 100% !important
    }

    .ryunshang3 .les {
        background: url(img/add05018-18.jpg) no-repeat 50% #434a5c;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        text-align: center;
        height: 50vh;
        padding-top: 15.625vw
    }

    .ryunshang3 .les .a1 {
        font-size: 35px;
        line-height: 35px
    }

    .ryunshang3 .les .a2 {
        font-size: 16px;
        line-height: 16px;
        margin: 1.953125vw 0 4.557291666666666vw
    }

    .ryunshang3 .les .a3 {
        font-size: 14px;
        line-height: 14px;
        line-height: 1.6;
        margin-bottom: 5.208333333333334vw;
        padding-left: 5.859375vw;
        padding-right: 5.859375vw
    }

    .ryunshang3 .les .a4 {
        width: 100%;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .ryunshang3 .les .a4 img {
        width: 14.973958333333334vw;
        margin-bottom: 5px
    }

    .ryunshang3 .les .a4 span {
        font-size: 12px;
        line-height: 12px
    }

    .ryunshang3 .ris {
        height: 50vh;
        width: 100%
    }

    .ryunshang3 .ris .adda1 {
        padding-top: 7.161458333333333vw;
        height: 52.083333333333336vw;
        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;
        color: #c9c9c9
    }

    .ryunshang3 .ris .adda1 img {
        width: 22.135416666666664vw
    }

    .ryunshang3 .ris .adda1 .addb1 {
        margin: 4.557291666666666vw 0 3.2552083333333335vw;
        font-size: 14px;
        line-height: 14px
    }

    .ryunshang3 .ris .adda1 .addb2 {
        font-size: 12px;
        line-height: 12px;
        line-height: 1.6;
        text-align: center
    }

    .ryunshang3 .ris .adda2 {
        width: -webkit-calc(100% - 11.71875vw);
        width: -moz-calc(100% - 11.71875vw);
        width: calc(100% - 11.71875vw);
        margin-left: 5.859375vw;
        height: 16.927083333333336vw
    }

    .ryunshang3 .ris .adda2 .swiper-slide {
        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-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
    }

    .ryunshang3 .ris .adda2 .swiper-slide img {
        width: 14.583333333333334vw
    }

    .ryunshang3 .ris .adda2 .swiper-slide span {
        font-size: 12px;
        line-height: 22px;
        color: hsla(0, 0%, 78.8%, .78824)
    }

    .ryunshang3 .ris .adda2 .swiper-slide p {
       
        height: 0;
        overflow: hidden;
        text-overflow: hidden;
    }


    .ryunshang3 .ris .adda3 {
        width: -webkit-calc(100% - 11.71875vw);
        width: -moz-calc(100% - 11.71875vw);
        width: calc(100% - 11.71875vw);
        margin-left: 5.859375vw;
        height: 2px;
        position: relative;
        margin-top: 5.859375vw
    }

    .ryunshang3 .ris .adda3 .pagination {
        background: #cacbce;
        width: 100%;
        height: 100%
    }

    .ryunshang3 .ris .adda3 .swiper-pagination-progressbar-fill {
        background: #fff
    }

    .ryunshang3 .c {
        padding-left: 5.859375vw;
        padding-right: 5.859375vw
    }

    .rjiameng1 {
        padding-bottom: 18.880208333333336vw
    }

    .rjiameng1 .swiper-button-next,
    .rjiameng1 .swiper-button-prev {
        display: none
    }

    .rjiameng1 .c {
        display: block
    }

    .rjiameng1 .c .les {
        margin-bottom: 5.859375vw
    }

    .rjiameng1 .c .les .a1 {
        font-size: 35px;
        line-height: 35px
    }

    .rjiameng1 .c .les .a2 {
        font-size: 16px;
        line-height: 16px;
        margin: 2px 0 7.8125vw
    }

    .rjiameng1 .c .les .a3 {
        font-size: 12px;
        line-height: 12px;
        line-height: 1.8;
        width: 100%
    }

    .rjiameng1 .c .addphones {
        height: 61.197916666666664vw;
        overflow: hidden
    }

    .rjiameng1 .c .addphones .a1 {
        height: 54.6875vw
    }

    .rjiameng1 .c .addphones .a1 img {
        width: 100%;
        height: 100%;
        display: block;
        -o-object-fit: cover;
        object-fit: cover
    }

    .rjiameng1 .c .addphones .a2 {
        margin-top: 1.953125vw;
        font-size: 12px;
        line-height: 12px;
        color: #c9c9c9
    }

    .rjiameng1 .c .addpagination {
        height: 2px;
        margin-top: 5.859375vw;
        display: block;
        position: relative
    }

    .rjiameng1 .c .addpagination .pagination {
        background: #c9c9ca;
        width: 100%;
        height: 2px
    }

    .rjiameng1 .c .addpagination .swiper-pagination-progressbar-fill {
        background: #fff
    }

    .rjiameng1 .c {
        padding-left: 5.859375vw;
        padding-right: 5.859375vw
    }

    .rjiameng2 {
        background-image: url(img/bg005.jpg) 
    }

    .rjiameng2 .contai {
        width: 100%;
        margin-top: 0;
        background: none;
        display: block;
        padding: 0 5.859375vw;
        text-align: right;
        position: relative;
        height: auto;
        top: -48.5vw;
        right: unset
    }

    .rjiameng2 .contai .a1 {
        font-size: 35px;
        line-height: 35px
    }

    .rjiameng2 .contai .a2 {
        font-size: 18px;
        line-height: 18px;
        margin: .6510416666666667vw 0 5.208333333333334vw
    }

    .rjiameng2 .contai .a3 {
        font-size: 14px;
        font-family: fontslig
    }

    .rjiameng4 .c {
        display: block;
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .rjiameng4 .ctops {
        text-align: center;
        height: 50vh;
        padding-top: 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;
        -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
    }

    .rjiameng4 .ctops .a1 {
        font-size: 35px;
        line-height: 35px
    }

    .rjiameng4 .ctops .a1 span {
        display: block
    }

    .rjiameng4 .ctops .a2 {
        font-size: 16px;
        line-height: 16px;
        margin: 1.953125vw 0 4.557291666666666vw
    }

    .rjiameng4 .ris {
        height: 50vh;
        width: 100%
    }

    .rjiameng4 .ris .adda1 {
		padding-bottom: 2vw;
        height: 50vw;
        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;
        color: #595757
    }

    /* .rjiameng4 .ris .adda1 img {
        height: 13.020833333333334vw
    } */
	
	.rjiameng4 .ris .adda1 img {
	    height: 20.020833333333334vw
	} 
	

    .rjiameng4 .ris .adda1 .addb1 {
        margin: 3.2552083333333335vw 0 1.3020833333333335vw;
        font-size: 14px;
        line-height: 14px
    }

    .rjiameng4 .ris .adda1 .addb2 {
        font-size: 12px;
        line-height: 12px;
        line-height: 1.6;
        text-align: center
    }

    .rjiameng4 .ris .adda2 {
        width: -webkit-calc(100% - 11.71875vw);
        width: -moz-calc(100% - 11.71875vw);
        width: calc(100% - 11.71875vw);
        margin-left: 5.859375vw;
        height: 18.927083333333336vw;
        overflow: hidden
    }

    .rjiameng4 .ris .adda2 .swiper-slide {
        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-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
    }



    .rjiameng4 .ris .adda2 .swiper-slide img {
        max-height: 12vw
    }

    .rjiameng4 .ris .adda2 .swiper-slide span {
        font-size: 12px;
        line-height: 22px;
        /* color: hsla(0, 0%, 78.8%, .78824) */
		color: #595757;
    }
    .rjiameng4 .ris .adda2 .swiper-slide p {
     height: 0;
     overflow: hidden;
     text-overflow: hidden;
    }





    .rjiameng4 .ris .adda3 {
        width: -webkit-calc(100% - 11.71875vw);
        width: -moz-calc(100% - 11.71875vw);
        width: calc(100% - 11.71875vw);
        margin-left: 5.859375vw;
        height: 2px;
        position: relative;
        margin-top: 5.859375vw
    }

    .rjiameng4 .ris .adda3 .pagination {
        background: #656465;
        width: 100%;
        height: 100%
    }

    .rjiameng4 .ris .adda3 .swiper-pagination-progressbar-fill {
        background: #fff
    }

    .rjiameng4 .c {
        padding-left: 5.859375vw;
        padding-right: 5.859375vw
    }

    .rjiameng5 {
        background-image: url(img/add05018-365.jpg);
        
    }

    .rjiameng5 .c {
        display: block
    }

    .rjiameng5 .les {
        margin-bottom: 9.114583333333332vw
    }

    .rjiameng5 .les .a1 {
        font-size: 35px;
        line-height: 35px;
        color: #c9c9c9;
    }

    .rjiameng5 .les .a2 {
        font-size: 16px;
        line-height: 16px;
        margin: 1.953125vw 0 6.510416666666667vw;
        color: #c9c9c9;
    }

    .rjiameng5 .les .a3 {
        font-size: 14px;
        color: #c9c9c9;
    }

    .rjiameng5 .ris {
        width: 100%;
        height: auto
    }

    .rjiameng5 .ris .a1 {
        height: 16.666666666666664vw;
        padding: 0 3.90625vw;
        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: #73757f
    }

    .rjiameng5 .ris .a1 img {
        height: 9.765625vw
    }

    .rjiameng5 .ris .a1 span {
        
        color: #c9c9c9;
        font-size: 18px;
        line-height: 18px
    }

    .rjiameng5 .ris .ls {
        height: 25.390625vw;
        padding-left: 1.3020833333333335vw
    }

    .rjiameng5 .ris .lsa1 {
        width: 8.463541666666668vw;
        height: 8.463541666666668vw;
        margin: 0 3.2552083333333335vw 0 0
    }

    .rjiameng5 .ris .lsa1 img {
        max-height: 4.557291666666666vw
    }

    .rjiameng5 .ris .lsa2 .b1 {
        font-size: 16px;
        line-height: 16px
    }

    .rjiameng5 .ris .lsa2 .b2 {
        font-size: 14px;
        line-height: 14px
    }

    .rjiameng5 .c {
        padding-left: 5.859375vw;
        padding-right: 5.859375vw
    }

    .rjiameng6 {
        color: #c9c9ca
    }

    .rjiameng6 .sa1 {
        font-size: 35px;
        line-height: 35px;
        font-family: fontsext
    }

    .rjiameng6 .sa1 span {
        color: #d59f6d
    }

    .rjiameng6 .sa2 {
        font-size: 18px;
        line-height: 18px;
        margin: 1.953125vw 0 5.208333333333334vw;
        font-family: fontsnor
    }

    .rjiameng6 .sa3 {
        width: 100%;
        display: block;
        margin-bottom: 3.90625vw
    }

    .rjiameng6 .sa4 .b1 {
        background: #c2c4cc;
        height: 8.463541666666668vw;
        padding-left: 1.953125vw;
        color: #595757;
        font-size: 14px;
        /* line-height: 14px; */
        display: block;
        width: 100%;
        
        margin-bottom: .5208333333333333vw
    }

    .rjiameng6 .sa4 .b1::-webkit-input-placeholder {
        color: #595757;
        font-size: 14px;
        line-height: 14px
    }

    .rjiameng6 .sa4 .b1:-moz-placeholder,
    .rjiameng6 .sa4 .b1::-moz-placeholder {
        color: #595757;
        font-size: 14px;
        line-height: 14px
    }

    .rjiameng6 .sa4 .b1:-ms-input-placeholder {
        color: #595757;
        font-size: 14px;
        line-height: 14px
    }

    .rjiameng6 .sa4 .b2 {
        background: #c2c4cc;
        height: 26.041666666666668vw;
        padding-left: 1.953125vw;
        font-size: 14px;
        line-height: 14px;
        display: block;
        width: 100%;
        
        margin-bottom: 5.208333333333334vw;
        color: #595757;
        padding-top: 2.604166666666667vw
    }

    .rjiameng6 .sa4 .b2::-webkit-input-placeholder {
        color: #595757;
        font-size: 14px;
        line-height: 14px
    }

    .rjiameng6 .sa4 .b2:-moz-placeholder,
    .rjiameng6 .sa4 .b2::-moz-placeholder {
        color: #595757;
        font-size: 14px;
        line-height: 14px
    }

    .rjiameng6 .sa4 .b2:-ms-input-placeholder {
        color: #595757;
        font-size: 14px;
        line-height: 14px
    }

    .rjiameng6 .sa4 .b3 {
        width: 33.203125vw;
        height: 7.161458333333333vw;
        background: #a86840;
        font-size: 14px;
        line-height: 14px;
        color: #fff;
        margin: 0 auto;
        display: inherit
    }

    .rjiameng6 .c {
        padding-left: 5.859375vw;
        padding-right: 5.859375vw
    }

    .rcase1 {
        padding-bottom: 23.4375vw;
        padding-top: 27.34375vw
    }

    .rcase1 .c {
        padding-left: 16.276041666666664vw !important;
        padding-right: 16.276041666666664vw !important;
        display: block
    }

    .rcase1 .swiper-button-prev {
        left: 4.166666666666666vw
    }

    .rcase1 .swiper-button-next,
    .rcase1 .swiper-button-prev {
        width: 7.8125vw;
        height: 7.8125vw;
        line-height: 7.8125vw;
        top: 63%
    }

    .rcase1 .swiper-button-next {
        right: 4.166666666666666vw
    }

    .rcase1 .les {
        margin-bottom: 11.71875vw
    }

    .rcase1 .les .a1 {
        font-size: 35px;
        line-height: 35px
    }

    .rcase1 .les .a2 {
        font-size: 16px;
        line-height: 16px
    }

    .rcase1 .ris {
        width: 100%;
        height: 84.63541666666666vw
    }

    .rcase1 .ris .ls {
        width: -webkit-calc(50% - 16px);
        width: -moz-calc(50% - 16px);
        width: calc(50% - 16px);
        margin-bottom: 3.90625vw;
        height: 25vw
    }

    .rcase1 .ris .ls:not(:nth-of-type(3n)) {
        margin-right: 0
    }

    .rcase1 .ris .ls:not(:nth-of-type(2n)) {
        margin-right: 30px
    }

    .rcase1 .ris .ls img {
        width: 19.53125vw
    }

    .rcase1 .c {
        padding-left: 5.859375vw;
        padding-right: 5.859375vw
    }

    .rcase2 {
        padding: 14.973958333333334vw 0
    }

    .rcase2 .swiper-button-next,
    .rcase2 .swiper-button-prev {
        display: none
    }

    .rcase2 .ta1 {
        font-size: 35px;
        line-height: 35px;
        text-align: left
    }

    .rcase2 .ta1 span {
        display: block
    }

    .rcase2 .ta2 {
        font-size: 18px;
        line-height: 18px;
        text-align: left;
        margin: 3px 0 9.114583333333332vw
    }

    .rcase2 .ta3 {
        width: 100%;
        margin-bottom: 11.067708333333332vw
    }

    .rcase2 .ta3 .ls {
        font-size: 14px;
        line-height: 14px
    }

    .rcase2 .ta3 .active:before {
        height: 1px
    }

    .rcase2 .ta4 .ls {
        width: -webkit-calc(50% - 15px);
        width: -moz-calc(50% - 15px);
        width: calc(50% - 15px);
        height: 28.645833333333332vw;
        margin-bottom: 30px
    }

    .rcase2 .ta4 .ls .a1 {
        height: 23.4375vw
    }

    .rcase2 .ta4 .ls:not(:nth-of-type(4n)) {
        margin-right: 0
    }

    .rcase2 .ta4 .ls:not(:nth-of-type(2n)) {
        margin-right: 30px
    }

    .rcase2 .ta4 .ls .a2 {
        font-size: 12px;
        line-height: 12px
    }

    .rcase2 .c,
    .rconta1 .c {
        padding-left: 5.859375vw;
        padding-right: 5.859375vw
    }

    .rconta1 .a1 {
        font-size: 35px;
        line-height: 35px;
        
        color: #fff;
        display: none
    }

    .rconta1 .a1 span {
        color: #d59f6d
    }

    .rconta1 .a2 {
        color: #fff;
        
        margin: .6510416666666667vw 0 4.557291666666666vw;
        font-size: 18px;
        line-height: 18px;
        padding-top: 9.114583333333332vw
    }

    .rconta1 .a3 {
        height: 45.57291666666667vw;
        margin-bottom: 6.510416666666667vw
    }

    .rconta1 .a4 {
        font-size: 14px;
        line-height: 14px;
        color: #fff;
        
        margin-bottom: 5.208333333333334vw;
        font-weight: 300
    }

    .rconta1 .a4 .b1 {
        margin-bottom: 1.8229166666666667vw
    }

    .rconta1 .a5 {
        font-size: 14px;
        line-height: 14px;
        color: #fff;
        
        margin-bottom: 5.208333333333334vw;
        font-weight: 300
    }

    .rconta1 .a5 .b1 {
        margin-bottom: 1.8229166666666667vw
    }

    .rconta1 .a5 .b2 {
        font-family: fontsbol
    }

    .rconta1 .a6 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .rconta1 .a6,
    .rconta1 .a6 .ls {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    .rconta1 .a6 .ls {
        width: 15.625vw;
        height: 19.53125vw;
        margin-right: 2.604166666666667vw;
        -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-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;
        margin-bottom: 2.604166666666667vw
    }

    .rconta1 .a6 .ls img {
        width: 15.625vw;
        height: 15.625vw
    }

    .rconta1 .a6 .ls span {
        font-size: 12px;
        line-height: 12px;
        color: #fff;
        font-family: fontsext
    }

    .rconta2 .c {
        padding-left: 5.859375vw;
        padding-right: 5.859375vw
    }

    .ryunpan1 .a1 {
        font-size: 35px;
        line-height: 35px
    }

    .ryunpan1 .a2 {
        font-size: 18px;
        line-height: 18px
    }

    .ryunpan1 .a3 {
        display: block;
        height: auto
    }

    .ryunpan1 .a3 .les {
        height: 55.989583333333336vw;
        width: 100%
    }

    .ryunpan1 .a3 .ris {
        height: 59.895833333333336vw;
        width: 100%;
        padding: 5.208333333333334vw 10.416666666666668vw 0
    }

    .ryunpan1 .a3 .ris img {
        width: 2.7659574468085104vh;
        margin-top: -14px
    }

    .ryunpan1 .a3 .ris .b1 {
        margin-bottom: 9.114583333333332vw
    }

    .ryunpan1 .a3 .ris .b2 {
        width: 31.25vw;
        height: 9.114583333333332vw
    }

    .ryunpan1 .c {
        padding-left: 5.859375vw;
        padding-right: 5.859375vw
    }

    .ryunpan2 {
        padding: 22.135416666666664vw 0 7.8125vw
    }

    .ryunpan2 .c {
        display: block
    }

    .ryunpan2 .c:before {
        border: 7px dashed transparent;
        border-right: none;
        border-left: 7px solid #545b71;
        left: 5.729166666666666vw;
        right: unset
    }

    .ryunpan2 .c:after,
    .ryunpan2 .c:before {
        width: 0;
        height: 0;
        line-height: 0;
        font-size: 0;
        overflow: hidden;
        cursor: pointer;
        top: 10.416666666666668vw;
        z-index: 100;
        display: none
    }

    .ryunpan2 .c:after {
        border: 7px dashed transparent;
        border-right: 7px solid #545b71;
        border-left: none;
        right: 5.729166666666666vw
    }

    .ryunpan2 .c {
        padding-left: 5.859375vw;
        padding-right: 5.859375vw
    }
}

@media only screen and (max-width:1352px) and (min-width:768px) {
    .garcia-logo {
        right: 20px;
        top: 15px
    }

    .menu {
        left: 20px;
        top: 15px
    }

    .inavs {
        left: 70px;
        top: 18px !important
    }

    .isection2 .left {
        left: 20px
    }

    .isection2 .right {
        right: 20px
    }

    .isection2 .c {
        padding-left: 15px;
        padding-right: 15px
    }

    .isection3 .a1 {
        font-size: 60px;
        line-height: 60px
    }

    .isection3 .a2,
    .isection3 .a3 {
        font-size: 20px
    }

    .isection3 .c {
        padding-left: 15px;
        padding-right: 15px
    }

    .isection5 .a1 {
        font-size: 60px;
        line-height: 60px
    }

    .isection5 .a2,
    .isection5 .a3 {
        font-size: 20px
    }

    .isection5 .c {
        padding-left: 15px;
        padding-right: 15px
    }

    .isection6 .a1 {
        font-size: 60px;
        line-height: 60px
    }

    .isection6 .a2 {
        font-size: 20px;
        line-height: 20px
    }

    .isection6 .a3 .b2 .c2 {
        font-size: 24px;
        line-height: 24px
    }

    .isection6 .c,
    .isection7 .c {
        padding-left: 15px;
        padding-right: 15px
    }

    .rpinpai .addcs .a2 .b1 {
        font-size: 60px;
        line-height: 60px;
        margin-bottom: 3.90625vw
    }

    .rpinpai .addcs .a2 .b2 a {
        line-height: 40px;
        font-size: 16px
    }

    .rpinpai .addcs .a2 .b3 {
        font-size: 16px
    }

    .rpinpai .addcs .c {
        padding-left: 15px;
        padding-right: 15px
    }

    .rpinpai1 .c .ca1 {
        height: 33.51063829787234vh
    }

    .rpinpai1 .c .ca1 .b1 .c1 {
        font-size: 14px;
        line-height: 14px
    }

    .rpinpai1 .c .ca1 .b1 .c1 span {
        font-size: 22px;
        line-height: 22px
    }

    .rpinpai1 .c .ca1 .b1 .c2 {
        font-size: 14px;
        line-height: 14px
    }

    .rpinpai1 .c .ca2 .b1 {
        font-size: 30px;
        line-height: 30px
    }

    .rpinpai1 .c .ca2 .b2 {
        font-size: 18px;
        line-height: 18px
    }

    .rpinpai1 .c .ca2 .b4 {
        font-size: 14px
    }

    .rpinpai1 .c {
        padding-left: 15px;
        padding-right: 15px
    }

    .rpro-rpinpai .addcs .a2 .b1 {
        font-size: 60px;
        line-height: 60px;
        margin-bottom: 3.90625vw
    }

    .rpro-rpinpai .addcs .a2 .b2 a {
        line-height: 40px;
        font-size: 16px
    }

    .rpro-rpinpai .addcs .a2 .b3 {
        font-size: 16px
    }

    .rpro-rpinpai .addcs .a2 .bb1 {
        font-size: 18px;
        line-height: 18px
    }

    .rpro-rpinpai .addcs .c {
        padding-left: 15px;
        padding-right: 15px
    }

    .rpro2 .c .a2 .b1 {
        font-size: 60px;
        line-height: 60px;
        margin-bottom: 3.90625vw
    }

    .rpro2 .c .a2 .b2 a {
        line-height: 40px;
        font-size: 16px
    }

    .rpro2 .c .a2 .b3 {
        font-size: 16px
    }

    .rpro2 .c .a2 .bb1 {
        font-size: 18px;
        line-height: 18px
    }

    .rpro2 .c,
    .rpro3-ones .c,
    .rpro3-twos .c {
        padding-left: 15px;
        padding-right: 15px
    }

    .rpro3-threes .swiper-button-prev {
        left: 20px
    }

    .rpro3-threes .swiper-button-next {
        right: 20px
    }

    .rpro3-fours .c,
    .rpro3-threes .c {
        padding-left: 15px;
        padding-right: 15px
    }

    .rnews-ones .ls .a1 {
        font-size: 60px;
        line-height: 60px
    }

    .rnews-ones .ls .a2 {
        font-size: 18px;
        line-height: 18px
    }

    .rnews-ones .c {
        padding-left: 15px;
        padding-right: 15px
    }

    .rnews-twos .prevs {
        left: 20px
    }

    .rnews-twos .nexts {
        right: 20px
    }

    .rnews-r-ones .c,
    .rnews-twos .c {
        padding-left: 15px;
        padding-right: 15px
    }

    .ryunshang2 .les .b1 {
        font-size: 60px;
        line-height: 60px
    }

    .ryunshang2 .les .b2 {
        font-size: 18px;
        line-height: 22px
    }

    .ryunshang2 .les .b3 {
        font-size: 16px;
        line-height: 16px;
        margin-bottom: 1.5957446808510638vh
    }

    .ryunshang2 .ris .ls .b2 .c1,
    .ryunshang2 .ris .ls .b2 .c2 {
        font-size: 18px;
        line-height: 18px
    }

    .ryunshang2 .ris .ls .b2 .c3 {
        font-size: 14px
    }

    .ryunshang2 .c {
        padding-left: 15px;
        padding-right: 15px
    }

    .ryunshang3 .les .a1 {
        font-size: 60px;
        line-height: 60px
    }

    .ryunshang3 .les .a2 {
        font-size: 18px;
        line-height: 18px
    }

    .ryunshang3 .les .a3 {
        font-size: 14px;
        line-height: 14px;
        line-height: 1.4
    }

    .ryunshang3 .c {
        padding-left: 15px;
        padding-right: 15px
    }

    .rjiameng1 .swiper-button-prev {
        left: 20px
    }

    .rjiameng1 .swiper-button-next {
        right: 20px
    }

    .rjiameng1 .les .a1 {
        font-size: 60px;
        line-height: 60px
    }

    .rjiameng1 .les .a2 {
        font-size: 18px;
        line-height: 18px
    }

    .rjiameng1 .les .a3 {
        font-size: 14px;
        line-height: 14px;
        line-height: 1.6
    }

    .rjiameng1 .c {
        padding-left: 15px;
        padding-right: 15px
    }

    .rjiameng2 .contai .a1 {
        font-size: 60px;
        line-height: 60px;
        line-height: 65px
    }

    .rjiameng2 .contai .a2 {
        font-size: 18px;
        line-height: 18px
    }

    .rjiameng2 .contai .a3 {
        font-size: 14px
    }

    .rjiameng4 .ctops .a1 {
        font-size: 60px;
        line-height: 60px;
        line-height: 65px
    }

    .rjiameng4 .ctops .a2 {
        font-size: 18px;
        line-height: 18px
    }

    .rjiameng4 .c {
        padding-left: 15px;
        padding-right: 15px
    }

    .rjiameng5 .les .a1 {
        font-size: 60px;
        line-height: 60px
    }

    .rjiameng5 .les .a2 {
        font-size: 18px;
        line-height: 18px
    }

    .rjiameng5 .les .a3 {
        font-size: 14px
    }

    .rjiameng5 .c {
        padding-left: 15px;
        padding-right: 15px
    }

    .rjiameng6 .les .a1 {
        font-size: 50px;
        line-height: 50px
    }

    .rjiameng6 .les .a2 {
        font-size: 16px;
        line-height: 16px
    }

    .rjiameng6 .les .a3,
    .rjiameng6 .les .a4 {
        font-size: 14px;
        line-height: 14px
    }

    .rcase1 .c,
    .rjiameng6 .c {
        padding-left: 15px;
        padding-right: 15px
    }

    .rcase2 .swiper-button-prev {
        left: 20px
    }

    .rcase2 .swiper-button-next {
        right: 20px
    }

    .rcase2 .ta1 {
        font-size: 60px;
        line-height: 60px
    }

    .rcase2 .ta2 {
        font-size: 22px;
        line-height: 22px
    }

    .rcase2 .c,
    .rconta1 .c,
    .rconta2 .c {
        padding-left: 15px;
        padding-right: 15px
    }

    .ryunpan1 .a1 {
        font-size: 60px;
        line-height: 60px
    }

    .ryunpan1 .a2 {
        font-size: 20px;
        line-height: 20px
    }

    .ryunpan1 .a3 .ris img {
        width: 2.7659574468085104vh
    }

    .ryunpan1 .c,
    .ryunpan2 .c {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media(max-width:860px) {
    .indexfooter {
        bottom: 6.510416666666667vw
    }

    .indexfooter .footer_r {
        display: block
    }

    .indexfooter .fph2 .ph-img {
        display: none !important;
        height: 0 !important
    }
}

@media only screen and (max-width:860px) {
    .about-txt-close {
        top: -8%
    }

    .video-Z {
        height: 80%;
        top: 10%
    }
}

@media only screen and (max-width:1366px) {
    .inavs {
        top: 32px
    }
}

@media only screen and (max-width:990px) and (min-width:768px) {
    .inavs .ls {
        margin-right: 10px;
        padding-left: 10px
    }

    .inavs .hs {
        font-size: 16px
    }

    .inavs .hovers {
        padding-left: 8px !important
    }

    .isection2 .foots .a1 .b2 {
        font-size: 14px
    }
}

@media only screen and (max-width:940px) and (min-width:768px) {
    .isection6 .a3 .b2 .c2 {
        font-size: 20px;
        line-height: 20px
    }
}

@media only screen and (max-width:1100px) and (min-width:768px) {
    .isection7 .tops {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .isection7 .tops .l {
        margin-right: 10%
    }

    .isection7 .tops .m {
        display: none
    }
}

@media only screen and (max-width:1352px) and (min-width:1060px) {
    .rcase1 .swiper-button-prev {
        left: 20px
    }

    .rcase1 .swiper-button-next {
        right: 20px
    }

    .rcase1 .les .a1 {
        font-size: 60px;
        line-height: 60px
    }

    .rcase1 .les .a2 {
        font-size: 18px;
        line-height: 18px
    }
}

@media only screen and (max-width:1060px) and (min-width:768px) {
    .rcase1 .swiper-button-prev {
        left: 20px
    }

    .rcase1 .swiper-button-next {
        right: 20px
    }

    .rcase1 .les .a1 {
        font-size: 30px;
        line-height: 30px
    }

    .rcase1 .les .a2 {
        font-size: 18px;
        line-height: 18px
    }
        
   
}
@media only screen and (max-width:768px) {
    .rcase2 .ta4 {
    
        height: auto;
    }

    .ryunshang2 .ris {
        /* width: 960px; */
        position: initial;
        transform: translateY(0);
       
    }

    .ryunshang2 .c{
        height: auto;
    }
    .ryunshang2 .ris .ls{
        padding-right: 20px;
    }

}

.baguetteBox-button svg {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}

.baguetteBox-button#next-button, .baguetteBox-button#previous-button{
    
width: 40px !important;
height: 40px !important;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: 1px solid #666;
background-color: initial !important;
    
position: absolute;
color: #666;
font-size: 20px;
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;
/* position: relative; */

outline: none;

}
.baguetteBox-button#next-button:after{
    content: '>';
    font-size: 22px;
    line-height: 36px;
    color: #666;
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    text-align: center;
} 
.baguetteBox-button#previous-button:after{
    content: '<';
    font-size: 22px;
    line-height: 36px;
    color: #666;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    text-align: center;
}
.baguetteBox-button:hover #next-button:after{
   background-color: #d59f6d;
} 
.baguetteBox-button:hover #previous-button:after{
    background-color: #d59f6d;
}

.honor-swiper .swiper-slide{
 width: auto;
 height: 120px;

}



.honor-swiper .swiper-slide img{
 max-width: 100%;
 height: 100%;
 object-fit: cover;
}