* {
    padding: 0;
    margin: 0;
    color: inherit;
    list-style: none;
    text-decoration: none;
}

body {
    font-family: "Noto Sans SC" !important;
    font-weight: 300;
}
.con {
    width: 70%;
    margin: 0 auto;
}
.slide-box {
    max-width: 20rem;
    margin: 0 auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 .234375rem;
    box-sizing: border-box;
}
.slide-box1 {
    max-width: 20rem;
    margin: 0 auto 0;
    padding: 0  .234375rem;
    box-sizing: border-box;
}
.widmax {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 80vh;
    box-sizing: border-box;
}

@media screen and (min-width:320px) {
    html {
        font-size: 16px;
    }
}
@media screen and (min-width:384px) {
    html {
        font-size: 19.2px;
    }
}
@media screen and (min-width:448px) {
    html {
        font-size: 22.4px;
    }
}
@media screen and (min-width:512px) {
    html {
        font-size: 25.6px;
    }
}
@media screen and (min-width:576px) {
    html {
        font-size: 28.8px;
    }
}
@media screen and (min-width:640px) {
    html {
        font-size: 32px;
    }
}
@media screen and (min-width:704px) {
    html {
        font-size: 35.2px;
    }
}
@media screen and (min-width:768px) {
    html {
        font-size: 38.4px;
    }
}
@media screen and (min-width:832px) {
    html {
        font-size: 41.6px;
    }
}
@media screen and (min-width:896px) {
    html {
        font-size: 44.8px;
    }
}
@media screen and (min-width:960px) {
    html {
        font-size: 48px;
    }
}
@media screen and (min-width:1024px) {
    html {
        font-size: 51.2px;
    }
}
@media screen and (min-width:1088px) {
    html {
        font-size: 54.4px;
    }
}
@media screen and (min-width:1152px) {
    html {
        font-size: 57.6px;
    }
}
@media screen and (min-width:1216px) {
    html {
        font-size: 60.8px;
    }
}
@media screen and (min-width:1280px) {
    html {
        font-size: 64px;
    }
}




/* 顶部样式 */
.zl-top1-out {
    background: #5C5C5C;
}
.zl-top1 {
    font-size: .265625rem;
    font-weight: bold;
    height: .671875rem;
    line-height: .671875rem;
    color: white;
    display: flex;
    letter-spacing: 1px;
    justify-content: space-between;
}
.zl-top1-left span:nth-child(1){
    margin-right: .78125rem;
    color: white;
}
.zl-top2-out {
    background: white;
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    border-bottom: 1px solid #f0f0f0;
}
.zl-top2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    align-items: center;
    height: 1.390625rem;
}
.zl-top2-left {
    max-width: 4.109375rem;
}
.zl-top2-left img {
    width: 100%;
    display: block;
}
.zl-top2-right {
    overflow: hidden;
}
.zl-top2-right li {
    float: left;
    margin-left: .78125rem;
}
.zl-top2-right-a {
    font-size: .3125rem;
    font-weight: 500;
    display: block;
    transition: all 0.3s;
    border-bottom: 3px solid transparent;
    box-sizing: border-box;
}

.zl-top2-right-a:hover {
    border-bottom: 3px solid #e5004f;
}
.zl-top2-space {
    height: 1.390625rem;
    display: none;
}



.slide1-out {
    background: url(https://www.mroyal.cn/images/banner1.png) no-repeat center;
    background-size: cover;
    position: relative;
}
.slide1con-left {
    transform: translateY(-0.859375rem);
}
.slide1con {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    font-size: .46875rem;
    width: 100%;
}
.slide1con-left {
    color: white;
    width: 71%;
}
.slide1con-left div:nth-child(1) {
    font-size: .46875rem;
}
.slide1con-left div:nth-child(1) span {
    margin-right: .078125rem;
}
.slide1con-left div:nth-child(2) {
    margin-top: .46875rem;
    font-size: .75rem;
    font-weight: bold;
}
.slide1con-left div:nth-child(3) {
    margin-top: .46875rem;
    font-size: .375rem;
}
.slide1con-right {
    position: relative;
    width: 29%;
}
.slide1con-right img {
    width: 100%;
}
.slide1con-right div {
    position: absolute;
    color: white;
    font-size: .3125rem;
    display: flex;
    justify-content: space-between;
    top: 10%;
    left: 0;
}
.slide1con-right div span {
    writing-mode:vertical-lr;
    text-align: center;
}
.slide1-bottom-out {
    position: absolute;
    line-height: 1.875rem;
    font-size: .9375rem;
    font-weight: bold;
    text-align: center;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #e5004f;
    color: white;
}
.slide1-bottom-out span {
    margin-right: .234375rem;
}




.zl-title {
    font-size: .8rem;
    font-weight: bold;
    text-align: center;
    position: relative;
    margin-bottom: .7rem;
}
.zl-title::after {
    content: "";
    position: absolute;
    height: .09375rem;
    width: 1.84375rem;
    background: #e5004f;
    left: 0;right: 0;
    margin: auto;
    bottom: -0.15625rem;
   
}


.slide2-out {
    background: #F2F2F2;
}
.slide2con p{
    font-size: .5625rem;
    font-weight: 400;
    text-align: center;
}
.slide2con p span {
    border-bottom: 1px solid #e5004f;
}





.slide3 {
    position: relative;
}
.slide3con-con {
    margin-top: .7rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.slide3con-con p {
    background: #F2F2F2;
    border-radius: .078125rem;
    padding: .15625rem .3125rem;
    box-shadow: 4px 4px 5px #d3d1d1;
    margin-bottom: .15625rem;
    font-size: .3rem;
    font-weight: 400;
}
.slide3con-con b {
    font-size: .4rem;
    color: #e5004f;
}
.slide3con-con span {
    border-bottom: 1px solid #e5004f;
}



.slide4 {
    background: #e5004f;
    width: 100%;
    height: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.slide4 .zl-title {
    margin-bottom: .46875rem;
}
.slide4:nth-of-type(1) {
    color: white;
}
.slide4:nth-of-type(1) .zl-title::after {
    background: white;
}
.slide4:nth-of-type(2) {
    background: white;
}
.slide4con { 
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    max-width: 20rem;
}
.slide4con p {
    font-size: .4rem;
    font-weight: 400;
    text-align: center;
    box-sizing: border-box;
    padding: 0 .3125rem;
}




.slide5-out {
    background: #f2f2f2;
}
.slide5con-con {
    margin-top: 0.7rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.slide5con-left {
    width: 24%;
}
.slide5con-left img {
    width: 100%;
    display: block;
}
.slide5con-right {
    width: 62%;
}
.slide5con-right div:nth-child(1) {
    font-size: .5625rem;
    font-weight: bold;
    margin-top: .546875rem;
}
.slide5con-right div:nth-child(1) span {
    margin-right: .15625rem;
}
.slide5con-right div:nth-child(2) {
    font-size: .5625rem;
    font-weight: 400;
}
.slide5con-right div:nth-child(3) {
    font-size: .3rem;
    margin-top: .7rem;
    font-weight: 400;
    color: #3A3A3A;
}


.slide6con-con {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}
.slide6con-con li {
    width: 23%;
    text-align: center;
}
.slide6con-con li img{
    width: 100%;
    display: block;
}
.slide6con-con li div {
    text-align: center;
    font-size: .375rem;
    font-weight: bold;
    margin-top: .46875rem;
}
.slide6con-con li div span {
    margin-right: .15625rem;
}




.slide7-out {
    background: #F2F2F2;
}
.slide7con {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
}
.slide7-left {
    font-size: .390625rem;
    font-weight: 400;
    width: 65%;
}
.slide7-left div {
    line-height: .625rem;
}
.slide7-left .d3 {
    font-weight: bold;
}
.slide7-right {
    width: 32%;
}
.slide7-right img {
    width: 100%;
    display: block;
}






.slide8con img{
    width: 100%;
    display: block;
}
@media screen and (max-width:1280px) {
    .slide8con img{
        width: 66%;
        margin: auto;
    }
}


.slide9-out-1 {
    background: #f2f2f2;
}
.slide9con {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.slide9-left {
    width: 40%;
}
.slide9-left img {
    display: block;
    width: 100%;
}
.slide9-right {
    width: 55%;
}
.slide9-right p {
    font-size: .5625rem;
}





.slide10-out {
    background: #f2f2f2;
    position: relative;
}
.slide10-out .slide-box1 {
    width: 100%;
}
.slide10-img {
    width: 37%;
    margin: auto;
    position: relative;
}
.slide10-img img {
    display: block;
    width: 100%;
}
.slide10-item {
    font-weight: bold;
    font-size: .28125rem;
}
.slide10-item1 {
    position: absolute;
    top: 55px;
    left: -11%;
    transform: rotate(4deg);
}
.slide10-item2 {    
    position: absolute;
    top: 20%;
    left: -42%;
    transform: rotate(5deg);
}
.slide10-item3 {
    position: absolute;
    top: 38%;
    left: -51%;
    transform: rotate(-2deg);
}
.slide10-item4 {
    position: absolute;
    top: 57%;
    left: -38%;
    transform: rotate(-6deg);
}
.slide10-item5 {
    position: absolute;
    top: 70%;
    left: -53%;
    transform: rotate(-5deg);
}
.slide10-item6 {
    position: absolute;
    top: 2%;
    left: 68%;
    transform: rotate(-29deg);
}
.slide10-item7 {
    position: absolute;
    top: 10%;
    left: 84%;
    transform: rotate(-19deg);
    width: 3.125rem;
}
.slide10-item8 {
    position: absolute;
    top: 31%;
    left: 98%;
    transform: rotate(5deg);
    width: 4.6875rem;
}
.slide10-item9 {
    position: absolute;
    top: 65%;
    left: 91%;
    transform: rotate(14deg);
    width: 3.125rem;
}

.slide10-wt-out {
    position: absolute;
    color: white;
    background: #e5004f;
    text-align: center;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2.125rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .5rem;
    font-weight: bold;
}



.slide11con {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.slide11_item {
    width: 24%;
    box-sizing: border-box;
    padding: .3125rem;
    background: #f2f2f2;
    margin-bottom: .234375rem;
}
.slide11_item_img {
    overflow: hidden;
}
.slide11_item_img img {
    width: 100%;
}
.slide11_item_con h6 {
    font-size: .265625rem;
    margin-top: .3125rem;
    white-space: nowrap;
    overflow: hidden;
     text-overflow: ellipsis;
}
.slide11_item_con div {
    font-size: .1875rem;
    margin-top: .09375rem;
}
.slide11_item_con p {
    margin-top: .3125rem;
    font-size: .203125rem;
    line-height: .34375rem;
    text-indent: .3125rem;
    display:-webkit-box;/*转成老版本的弹性盒子*/
    -webkit-line-clamp:4;/*在哪一行显示省略号*/
    -webkit-box-orient: vertical;/*设置方向 垂直方向生*/
    overflow:hidden 
}
.slide11-more {
    width: 3.4375rem;
    margin: .3125rem auto 0;
    display: block;
    font-size: .46875rem;
    background: #e5004f;
    color: white;
    font-weight: 400px;
    text-align: center;
    padding: .09375rem 0;
    border-radius: .125rem;
}







/* 战略服务 */
.gyfw-title {
    font-size: .9375rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: .625rem;
    /* letter-spacing: 100px; */
}



.gyfw1-out {
    background: #f2f2f2;
}
.gyfw1-con {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.gyfw1-left {
    width: 34%;
}
.gyfw1-left img {
    width: 100%;
}
.gyfw1-left p {
    font-size: .4625rem;
    font-weight: 400;
    text-align: center;
}
.gyfw1-right p {
    font-size: .4375rem;
    font-weight: 400;
}
.gyfw1-right .p-sm {
    font-size: .3125rem;
}

@media screen and (max-width:1280px) {
    .gyfw1-left {
        width: 28%;
    }
}







.gyfw2-items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 14.0625rem;
    margin: .46875rem auto 0;
    padding: .125rem;
    box-sizing: border-box;
    background: #f2f2f2;
}
.gyfw2-item {
    width: 20%;
}
.gyfw2-item-img {
    padding: .078125rem;
    box-sizing: border-box;
    background: white;
    box-shadow: 3px 3px 5px #ccc;
}
.gyfw2-item-img img {
    width: 100%;
    display: block;
}
.gyfw2-item dt {
    font-size: .3125rem;
    margin-top: .390625rem;
    font-weight: 400;

}
.gyfw2-item dd {
    font-size: .390625rem;
    font-weight: 400;
}
.gyfw2-con {
    max-width: 80%;
    font-size: .3rem;
    font-weight: 400;
    margin: .359375rem auto 0;
    text-align: justify;
}








.gyfw3-out {
    background: url(../images/fywu5.png) no-repeat center;
    background-size: cover;
}
.gyfw3 {
    height: 12.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.gyfw3 p {
    font-size: .46875rem;
    font-weight: 400;
}



.m1 .gyfw1-left {
    width: 26%;
}




.gyfw4-out {
    background: #e5004f;
    color: white;
    padding: .625rem 0;
    text-align: center;
}
.gyfw4-con p {
    font-size: .40625rem;
}





.gyfw5 {
    color: #424242 !important;
    width: 20rem;
}
.gyfw5 h4 {
    font-size: .53125rem;
    padding-bottom: .28rem;
    margin-bottom: .28rem;
    border-bottom: 1px dashed #CFCBCB;
}
.gyfw5 p {
    font-size: .28375rem;
    font-weight: 400;
    line-height: .4625rem;
}
.gyfw5 .gyfw5-pmax {
    font-size: .53125rem;
    font-weight: 400;
}






.gyfw6-fw {
    margin-bottom: .46875rem;
}
.gyfw6-fw-title {
    font-weight: bold;
    font-size: .46875rem;
    padding: .234375rem;
    border: 2px solid black;
    display: inline-block;
    border-radius: .3125rem;
}
.gyfw6-fw p {
    font-size: .375rem;
    font-weight: 400;
    margin-top: .15625rem;
}
.gyfw6-con {
    font-size: .390625rem;
    font-weight: 400;
}




.gyfw7-out {
    background: url(../images/gyfw7.png) no-repeat center;
    background-size: cover;
    color: white;
}
.gyfw7-con {
    width: 100%;
    margin: auto;
}
.gyfw7-con p {
    font-size: .46875rem;
}
.gyfw7-con .gyfw7-min {
    font-size: .375rem;
    font-weight: 400;
}
.gyfw7-con:nth-of-type(2) {
    margin-top: .625rem;
}




/* 联系我们样式 */
.zl-contact-out {
    position: relative;
}
.zl-contact {
    text-align: center;
    max-width: 30rem;
    margin: auto;
}
.zl-contact img {
    display: block;
    width: 100%;
}
.zl-contact-space {
    height: 1.875rem;
}

.zl-contact1 {
    display: flex;
    justify-content: center;
    text-align: center;
    padding: .46875rem;
}
.zl-contact1-item {
    margin: 0 .78125rem;
}
.zl-contact1-item img {
    width: 1rem;
    height: 1rem;
}
.zl-contact1-item dt {
    font-size: .390625rem;
}
.zl-contact1-item dd {
    font-size: .35rem;
}

.zl-contact2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .46875rem;
}

.contact2-left {
    font-size: .46875rem;
    font-weight: 400;
}

.contact2-right img {
    width: 8.4375rem;
}


.job-out {
    padding: 1.09375rem 0;
}
.job-title {
    font-size: .46875rem;
    font-weight: bold;
    box-sizing: border-box;
    border-left: .078125rem solid #e5004f;
    padding-left: .1875rem;
    margin-bottom: .46875rem;
}
.job-con {
    margin-top: .859375rem;
}
.job-con dt {
    font-size: .46875rem;
    font-weight: bold;
}
.job-con dd {
    font-size: .46875rem;
    font-weight: 400;
}
.job-ft {
    width: 18.75rem;
    line-height: 1.34375rem;
    font-size: .353125rem;
    color: white;
    background: #e5004f;
    margin: auto;
    text-align: center;
    border-radius: 50rem;
    margin-bottom: .46875rem;
}




.newslist {
    width: 20rem;
    margin: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.newslist-item {
    width: 23%;
    margin-top: .3125rem;
    box-shadow: 3px 3px 10px #f2f2f2;
}
.newslist-img {
    height: 3.375rem;
    overflow: hidden;
    display: block;
}
.newslist-img img {
    width: 100%;
    display: block;
}
.newslist-con {
    box-sizing: border-box;
    padding: .234375rem;
    background: #f2f2f2;
}
.newslist-con-title {
    display: block;
    font-size: .32rem;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.newslist-con dd {
    font-size: .2rem;
    margin-top: .15625rem;
    display:-webkit-box;/*转成老版本的弹性盒子*/
    -webkit-line-clamp:2;/*在哪一行显示省略号*/
    -webkit-box-orient: vertical;/*设置方向 垂直方向生*/
    overflow:hidden
}
.newslist-con div {
    font-size: .2rem;
    margin-top: .15625rem;
    display: flex;
    justify-content: space-between;
}


.page {
    text-align: center;
    font-size: 16px;
    padding: 1.25rem 0;
}
.page span:nth-of-type(1){
    display: none;
}
.page span{
    padding: .078125rem .15625rem;
    border: 1px solid #f2f2f2;
    margin: 0 .05625rem;
}
.page a{
    padding: .078125rem .15625rem;
    border: 1px solid #f2f2f2;
    margin: 0 .05625rem;
}
.page font {
    color: white;
}

.caselist-top {
    line-height: 1.953125rem;
    width: 20rem;
    margin: auto;
}
.caselist-top {
    font-size: .5625rem;
    font-weight: 400;
}
.caselist-top span {
    color: #e5004f;
}
.caselist {
    width: 20rem;
    margin: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.caselist-item {
    width: 50%;
    margin-bottom: 40px;
}
.caselist-img {
    display: block;
}
.caselist-img img {
    width: 96%;
    display: block;
}
.caselist-con-title {
    display: block;
    font-size: .32rem;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.caselist-con dd {
    font-size: .25rem;
    margin-top: .09rem;
    display:-webkit-box;/*转成老版本的弹性盒子*/
    -webkit-line-clamp:2;/*在哪一行显示省略号*/
    -webkit-box-orient: vertical;/*设置方向 垂直方向生*/
    overflow:hidden;
    color: #888888;
}
.case-more {
    display: block;
    width: 2.8125rem;
    line-height: .9375rem;
    font-size: 30px;
    text-align: center;
    border: 2px solid #666;
    border-radius: .3125rem;
    margin: .66875rem auto;
}


/* 案例详情页 */
.case-out {
    padding: .9375rem 0;
}
.case {
    width: 20rem;
    margin: auto;
}
.case-title h1 {
    font-size: .625rem;
    text-align: center;
}

.case-title-des {
    margin-top: .3125rem;
    text-align: center;
}
.case-title span {
    font-size: .3125rem;
}
.case-con {
    margin-top: .625rem;
}
.case-con p {
    font-size: .21875rem !important;
}

.case-page {
    margin-top: .625rem;
}
.case-page a {
    display: block;
    font-size: .280625rem;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.case-page a:hover {
    color: #e5004f;
}






/* 底部样式 */
.ft1-out {
    background: #222222;
    padding: 1.25rem 0;
}
.ft1 {
    display: flex;
    justify-content: space-between;
    width: 20rem;
    margin: auto;
}
.ft1-item {
    box-sizing: border-box;
    width: 20%;
    border-right: 1px solid #757575;
    text-align: center;
}
.ft1-item:last-of-type {
    border-right: none;
}
.ft1-item dt {
    color: white;
    font-size: .28125rem;
    margin-bottom: .625rem;
}
.ft1-item dd {
    color: #757575;
    font-size: .28125rem;
    line-height: .46875rem;
}
.ft2-out {
    background: #141414;
    padding: 1.171875rem;
}
.ft2 {
    width: 20rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.ft2-left {
    display: flex;
    justify-content: space-between;
    align-items: center;
    
}
.ft2-left-img {
    width: 1.71875rem;
    text-align: center;
}
.ft2-left-img span {
    font-size: .28125rem;
    color: #757575;
}
.ft2-left-img img {
    width: 100%;
    display: block;
    height: 1.71875rem;
}
.ft2-left-phone {
    font-size: .375rem;
    color: #f2f2f2;
    margin-left: .3125rem;
}
.ft2-right {
    font-size: 18px;
    line-height: .46875rem;
    color: #757575;
}