@charset "utf-8";

    .clear {
        clear: both;
        height: 0;
        line-height: 0;
        overflow: hidden;
    }
    
    .clear6 {
        clear: both;
        height: 6px;
        line-height: 6px;
    }
    
    .clear16 {
        clear: both;
        height: 14px;
        line-height: 14px;
    }
    
    .clear36 {
        clear: both;
        height: 18px;
    }
    .nodata {
        width: 100%;
        text-align: center;
        float: left;
        padding: 100px 0;
        color: #cccccc;
        font-size: 28px;
    }
    
    .allline {
        width: 100%;
    }
    
    .allline-anli {
        width: 1010px;
        margin: 0 auto;
    }
    .scrollhead {
        position: fixed;
        top: 70px;
    }
    /*---------------����ӵײ���������--------------*/
    
    .container {

        margin-left: auto;
        margin-right: auto;
        position: relative;
        display: block;
    }
    
    .flow-center {
        margin: 0 auto;
        position: relative;
        display: block;
    }
    
    .pinklink a {
        color: #E50251;
    }
    
    .pinklink a:hover {
        text-decoration: underline;
    }
    
    .pinkext {
        color: #E50251;
    }
    
    .fleft {
        float: left;
    }
    
    .fright {
        float: right;
    }

    
    .allline:before,
    .allline:after,
    .container:before,
    .container:after,
    .industorycate:before,
    .industorycate:after,
    .disblock:before,
    .disblock:after,
    .servicecate:before,
    .servicecate:after {
        display: table;
        content: " ";
    }
    
    .allline:after,
    .container:after,
    .industorycate:after,
    .disblock:after,
    .servicecate:after {
        clear: both;
    }


    
    

    /*---------------brandcate-----------------*/
    .index_2 .brandcateitem span{
        font-size:1.2em
    }
    .index_2 .brandcateitem strong{
        font-size: 20px;
    }

    
    .brandcate li .brandcateitem {
        color: #666666;
        padding-left: 16px;
        margin-bottom: 16px;
        text-align: center;
        position: relative;
    }
    .dw_j{
        position: absolute;
        width: 3px;
        height: 15px;
        background: #E50251;
        right: 0;
        top: 41%;
        transform: translateX(48%);
    }
    .dw_j::after{
        content: "";
        position: absolute;
        width: 15px;
        height: 3px;
        background: #E50251;
        top: 42%;
        transform: translateX(-49%);
    }



    
    .brandcate li .brandcateitem ul {
        width: 100%;
        display: none;
    }
    
    .brandcate li .brandcateitem ul li {
        width: 100%;
        float: left;
        text-align: center;
    }
    
    .brandcate li .brandcate1 {
        background-position: 80% 6px;
    }
    
    .brandcate li .brandcate2 {
        background-position: 80% -80px;
    }
    
    .brandcate li .brandcate3 {
        background-position: 80% -172px;
    }
    
    .brandcate li .brandcate4 {
        background-position: 80% -250px;
    }
    /*---------------industorycate-----------------*/
    
    .industorycate {
        width: 100%;
        padding: 10px 0;
    }
    
    .industorycate li {
        padding: 10px 0;
        width: 20%;
        float: left;
    }
    
    .industorycate li a {
        color: #E50251;
        font-size: 1.1em;
        display: block;
        padding-left: 6px;
    }
    /*--��ҳ��ҵ���ఴť--*/
    
    .industorycate li a:hover {
        text-decoration: underline;
    }
    /*---------------servicecate-----------------*/
    
    .servicecate {
        margin: 0 auto;
        width: 100%;
        font-weight: bold;
    }
    
    .servicecate li {
        float: left;
    }
    
    .servicecate li a {
        text-align: center;
        display: block;
        padding: 6px 0px;
        font-size: 1.1em;
    }
    /*-�Ƽ�������ťɫ��+���ִ�С--*/
    
    .servicecate li a:hover {
        text-align: center;
        color: #ffffff;
        background-color: #E50251;
        border-radius: 4px;
        moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }
    /*-�Ƽ�������ťɫ��Բ��--*/
    
    .servicecate li .active {
        text-align: center;
        color: #ffffff;
        background-color: #E50251;
        border-radius: 4px;
        moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }
    
    .serv {
        float: left;
        list-style: none;
        padding: 8px;
    }
    
    .serv li {
        float: left;
        margin: 2px 10px 2px 10px;
        width: 140px;
    }
    
    .serv li a {
        text-align: center;
        color: #ffffff;
        display: block;
        padding: 3px 5px;
        font-size: 1.0 m;
        background-color: #E50251;
        border-radius: 4px;
        moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }
    
    .serv li a:hover {
        text-align: center;
        color: #ffffff;
        background-color: #666;
        border-radius: 4px;
        moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }
    
    .serv li .active {
        text-align: center;
        color: #ffffff;
        background-color: #666;
        border-radius: 4px;
        moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }
    
    .brandlist {
        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: start;
        flex-wrap: wrap;
    }
    /*-��ҳ�������--*/
    
    .brandlist .li {
        background: #ffffff;
        padding: 0;
        -webkit-box-shadow: 2px 2px 1px RGBa(0, 0, 0, 0.035);
        box-shadow: 2px 2px 1px RGBa(0, 0, 0, 0.035);
        overflow: hidden;
        width: 50%;
        border:8px solid transparent;
    }
    
    .brandlist a {
        display: block;
        overflow:hidden
    }
    
    .brandlist img {
        width: 100%;
        display: block;
    }
    /*----����ҳ��Ч��-----*/
    
    .brandinfo {
        height: 82%;
        width: 100%;
        position: absolute;
        top: 0;
        background-color: rgba(66, 66, 66, 0.4);
        cursor: pointer;
        /* display: none; */
        overflow: hidden;
        opacity: 0;
        transition: all 0.6s;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-content: center;
        text-align: center;
        color: #fff;

    }
    .brandlist li:hover .brandinfo{
        opacity:1 !important;
    }
    
    .brandlist .brandinfo .biline1 {
        padding-top: 12px;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 0.9em;
        line-height: 1.6em;

    }
    
    .brandlist .brandinfo .biline2 {
        padding: 2px 20px;
        font-size: 0.9em;
        line-height: 1.6em;
        width:100%;text-align: center;
        transform: translateY(20px);
        transition: all 0.6s 0.1s;
    }
    .brandlist .brandinfo:hover .biline2{
        transform: translateY(0px);
    }

    .brandlist .brandinfo p {
        padding: 2px 20px;
        font-size: 0.8em;
        line-height: 1.8em;
        transform: translateY(20px);
        transition: all 1s 0.1s;
        position: relative;
    }
    .brandlist .brandinfo:hover p{
        transform: translateY(0px);
    }
    .brandlist .brandinfo p:before{
        content:"";
        position: absolute;
        left:-39px;right:0;
        height:2px;width:20px;
        margin: auto;
        background: #fff;
        transition: all 0.6s;
    }
    .brandlist .brandinfo:hover p:before{
        width:40%
    }
    .brandlist .brandinfo p:after{
        content:"";
        position: absolute;
        left:0;right:-39px;
        bottom:0;
        height:2px;width:20px;
        margin: auto;
        background: #fff;
        transition: all 0.6s;
    }
    .brandlist .brandinfo:hover p:after{
        width:40%
    }
    .brandlist li img{
        transform: scale(1);
        transition: all 1.2s;
    }
    .brandlist li:hover .brandlist li img{
        transform: scale(1.3) !important;
    }
    .brandlist li>.biline1{
        text-align: center ;
    }
    .brandlist li>.bilineg2{
        text-align: center ;
        border-bottom:1px solid #F0F0F0;
        transition: all 0.5s;
        padding-bottom: 10px;
    }
    .brandlist li div:nth-last-of-type{
        text-align: center ;
        border-bottom:1px solid #F0F0F0;
        transition: all 0.5s !important;
        padding-bottom: 6px;
    }
    .brandlist li:hover .brandlist li div:nth-last-of-type{
        border-bottom:1px solid #E50251
    }

    .brandlist li{
       /* box-shadow: 0 5px 10px #fff;*/
        transform: translateY(0);
        transition: all 0.6s;
        border: 8px solid transparent;
    }
    .brandlist li:hover{
        transform: translateY(-5px);
      /*  box-shadow: 0 5px 10px lightgrey;*/
    }


        /*---------------����-----------------*/
    
    .newstitle {
        /*padding: 20px 0;
    padding-left: 10px;*/
    }
    
    .newstitle h2 {
        float: left;
    }
    
    .newstitle span {
        float: left;
        line-height: 3em;
        padding-left: 10px;
        font-size: 0.8em;
        color: #666;
        font-style: oblique;
    }
    
    .news .item {
        /*background-image: url(../pic/touming.png);*/
        border: 0px solid #dcdcdc;
        background: #f0f0f0;
    }
    
    .news .item img {
        width: 100%;
    }
    
    .news .item h3 a {
        font-size: 0.9em;
    }
    /*----���ű���----*/
    
    .news .item h3 {
        color: #E50251;
        padding: 3px 15px;
        display: block;
    }
    
    .news .item span {
        padding: 0 15px;
        display: block;
        color: #999999;
        font-size: 0.7em;
        display:-webkit-box;/*转成老版本的弹性盒子*/
        -webkit-line-clamp:2;/*在哪一行显示省略号*/
        -webkit-box-orient: vertical;/*设置方向 垂直方向生*/
        overflow:hidden
    }
    /*----��������----*/
    
    .news .item .datemore {
        display: block;
        padding: 15px 15px 10px;
        font-style: italic;
        font-size: 0.7em;
    }
    /*----�������� more----*/
    
    .news .item .more {
        float: right;
    }
    
    .introduce .title {
        padding-bottom: 10px;
        padding-left: 10px;
    }
    
    .introduce .content {
        padding-bottom: 10px;
        padding-top: 10px;
        padding-right: 30px;
        line-height: 1.7em;
        color: #999999;
        font-size: 1.9em;
        display: block;
        padding-left: 10px;
    }
    
    .grouppic li {
        width: 30%;
        padding-right: 2%;
        float: left;
    }
    
    .grouppic li img {
        width: 100%;
    }
    /*---------------indexabout�ײ��ļ�---------------*/
    
    .indexabout {
        padding-right: 20px;
        display: block;
        color: #888888;
    }
    
    .footer>.container>div:nth-child(3) .indexabout {
        padding-right: 0px;
    }
    
    .indexabout .title {
        display: block;
        border-bottom: 1px solid #666;
        margin-left: 0px;
        margin-right: 0px;
    }
    
    .indexabout .title h3 {
        float: left;
        font-weight: normal;
        color: #bbbbbb;
        font-size: 0.9em;
    }
    
    .indexabout .title a {
        color: #E50251;
        float: right;
        padding-top: 5px;
    }
    
    .indexabout .content {
        padding: 10px 0;
        display: block;
        line-height: 2em;
        padding-left: 0px;
    }
    
    .indexabout .content a {
        color: #888888;
    }
    
    .indexabout .content .indexservicelist li {
        width: 50%;
        float: left;
        line-height: 1.5em;
    }
    
    .indexabout .content>.indexservicelist {
        font-size: 0.9em;
    }
    
    .indexabout .content .indexcustlist li {
        width: 49%;
        padding-right: 1%;
        float: left;
        word-wrap: normal;
        text-overflow: ellipsis;
        #fff-space: nowrap;
        overflow: hidden;
        line-height: 1.5em;
    }
    
    .indexabout .content .indexcustlist {
        font-size: 0.9em;
    }
    
    .bottomg {
        font-size: 0.8em;
        text-align: center;
    }
    
    .bottomg a {
        color: #999;
    }
    
    .friendship-linkg {
        text-align: left;
        margin-top: 10px;
        border-top: 1px solid #666666;
    }
    
    .indexcatetile {
        line-height: 1.5em;
        border-bottom: 0px solid #f0f0f0;
        float: left;
        width: 99%;
        padding-top: 20px;
        padding-bottom: 10px;
    }
    
    .indexcatetile .indexcatetiler {
        float: right;
    }
    
    .indexcatetile .indexcatetiler a {
        background-color: #E50251;
        color: #ffffff;
        padding: 4px 10px;
        border-radius: 4px;
        moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }
    /*---------------BrandClass��ҵ��������---------------*/
    
    .casecatelist {
        font-size: 1.1em;
    }
    
    .casecatelist a:hover {
        color: #E50251;
    }
    
    .casecatelist .aindex {
        color: #E50251;
    }
    
    .casecatelist .title {
        display: flex;
        justify-content: center;
        border-bottom: 1px solid #cccccc;
        float: left;
        width: 100%;
        padding: 5px 0 5px 0;
    }
    
    .casecatelist .title .titlec,
    .casecatelist .title span,
    .casecatelist .title a {
        float: left;
        font-size: 1em;
        padding:0 25px;
    }
    
    .casecatelist .title .titlec {
        font-weight: 300;
    }
    
    .casecatelist .title span {
        color: #E50251;
        padding-left: 0px;
        padding-right: 20px;
        font-style: italic;
    }
    
    .casecatelist .title a {
        padding-left: 25px;
    }
    /*新增css*/
    .case_g>.industorycatelist{
        float:left;
        width:48%;
        overflow:hidden;
    }
    /*新增css*/
    .industorycatelist_name{
        text-align:center;
    }
    .casecatelist .industorycatelist a {
       /* width: 13.866666667%;*/
        width: 16.6666667%;
        font-size:12px;/*新增*/
        text-align: center;/*新增*/
        float: left;
        padding: 10px 0;
        display:block;
    }
    /*新增css*/
    .case_g>.procatelist{
        float:right;
        width:48%;
        overflow:hidden;
    }
    /*新增css*/
    .procatelist_name{
        text-align:center;
    }
    .casecatelist .procatelist a {
        /* width: 13.866666667%;*/
        width: 16.6666667%;
        font-size:12px;/*新增*/
        text-align: center;/*新增*/
        float: left;
        padding: 10px 0;
        display:block;
    }

    
    .morecase {
        margin: 0 auto;
        width: 130px;
        background: url(morecase.jpg) no-repeat 90% 23px;
        font-size: 1.0em;
        color: #E50251;
        padding-top: 21px;
        padding-bottom: 10px;
    }
    
    .morecase a {
        display: block;
    }
    /*---------------sinlecase��������б�-*/
    
    .sinlecaseleft {
        padding: 20px;
        border-right: 1px solid #f9f9f9;
        color: #666666;
        background-color: #e5e5e5;
        z-index: 10 !important;
    }
    
    .sinlecaseleft .title {
        padding: 5px 0;
        display: block;
        font-size: 1.0em;
        color: #333333;
        text-align: center;
    }
    
    .sinlecaseleft .content {
        padding: 5px 0;
        display: block;
        font-size: 1.0em;
        color: #666666;
    }
    
    .sinlecaseleft .hotline {
        border-bottom: 1px solid #cccccc;
        border-top: 1px solid #cccccc;
        padding-top: 10px;
        display: block;
        padding-left: 0px;
        padding-bottom: 10px;
    }
    .sinlecaseleft .hotline span:nth-child(1){
        font-size:1.0em;display:block;
        text-align: center;
        margin-bottom: 3px;
    }
    .sinlecaseleft .hotline span:nth-child(2){
        font-size: 1.5em;font-weight:bold; color: #E50251;display: block;
    }
    .hot_1{
        font-size: 21px;
        text-align: center;
    }
    .hot_2{
        font-size: 14px !important;
    }

    .sinlecaseright {
        padding: 3%;
        display: block;
        font-size: 1.0em;
        line-height: 1.5em;
        color: #666666;
    }
    .sinlecaseright video{
        width:100%;
        margin:20px 0;
    }
    /*---------------newsbrand-----------------*/
    
    .newsbrandcate {
        width: 74%;
        padding: 15px 40px;
        display: block;
        background-color: #ffffff;
        border: 1px solid #dddddd;
        font-size: 1.0em;
        color: #E50251;
    }
    
    .newsbrandcate .cateitem {
        /* padding-top: 30px;*/
    }
    
    .newsbrandcate .cateitem .newcateone {
        padding-left: 18px;
    }
    
    .newsbrandcate a {
        color: #333333;
    }
    
    .newsbrandcate a:hover {
        color: #E50251;
    }
    
    .newsbrandcate .aindex {
        color: #E50251;
    }
    
    .newbrandlist {
        display: block;
    }
    
    .newbrandlist li {
        padding-bottom: 6px;
        padding-right: 10px;
    }
    
    .newbrandlist .newsbrandbox {
        padding: 20px 30px;
        border: 1px solid #dddddd;
        background-color: #ffffff;
    }
    
    .newbrandlist .newsbrandbox img {
        width: 100%;
    }
    
    .newbrandlist .newsbrandbox .newsbrandcontent {
        padding: 0 30px;
        display: block;
    }
    
    .newbrandlist .newsbrandbox .newsbrandcontent h3 {
        display: block;
        padding-bottom: 6px;
    }
    
    .newbrandlist .newsbrandbox .newsbrandcontent h3 a {
        color: #E50251;
    }
    
    .newbrandlist .newsbrandbox .newsbrandcontent .datemore {
        color: #E50251;
        display: block;
        padding: 10px 0;
        font-style: italic;
    }
    
    .newbrandlist .newsbrandbox .newsbrandcontent .datemore a {
        color: #E50251;
    }
    
    .newbrandlatelist {
        background-color: #ffffff;
        padding: 10px 10px;
        border: 1px solid #cccccc;
        position: relative;
    }
    .newbrandlatelist .r_case{
        margin-top:0;
    }
    .newbrandlatelist .r_case a{
        border:none
    }
    .newbrandlatelist .r_case .r_case_item_out{
        margin-top: 3px;
    }
    .container .col-s-12 .newbrandlatelist {
        top: -65px;
    }
    .newbrandlatelist a {
        border-bottom: 1px dashed #aaa;
        #fff-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .newbrandlatelist a:nth-child(2n) {
        display: none;
    }
    
    .container .bilineg2 {
        margin-top: -20px;
        font-size: 1em !important;
    }
    
    .container .col-s-0 .newbrandlatelist {}
    
    .newbrandlatelist h3 {
        font-weight: normal;
        padding: 0 0 13px;
        border-bottom: 1px solid #cccccc;
        display: block;
        color: #E50251;
    }
    
    .newbrandlatelist a {
        display: block;
        padding: 2px 0;
        color: #666666;
    }
    /*---------------newsdetails-----------------*/
    
    .newsdetails {
        display: block;
        padding-right: 10px;
    }
    
    .newsdetails .ndbox {
        border: 1px solid #dddddd;
        background-color: #ffffff;
        display: block;
        padding: 10px 20px;
    }
    
    .newsdetails .ndbox .ndtitle {
        padding: 15px 0;
        font-size: 1.6em;
        font-weight: bold;
        border-bottom: 2px solid #E50251;
        color: #E50251;
    }
    
    .newsdetails .ndbox .ndcontent {
        padding: 15px 0;
        line-height: 1.8em;
        text-indent: 0em;
    }
    
    .newsdetails .ndbox .ndcontent img {
        max-width: 100%;
    }
    /*---------------contact-----------------*/
    
    .contact {
        background-color: #ffffff;
        padding: 20px 30px;
        display: block;
    }
    
    .contact .ctitle {
        font-size: 1.4em;
        color: #E50251;
        float: left;
        padding-bottom: 20px;
        font-weight: bold;
    }
    
    .contact .contactleft {
        border-right: 1px solid #dddddd;
    }
    
    .contact .contactright {
        padding-left: 60px;
    }
    
    .contact .cmap {
        color: #ffffff;
        background-color: #E50251;
        height: 500px;
    }
    
    .contact .cmap .cmaptitle {
        padding-top: 60px;
        padding-bottom: 60px;
        padding-left: 50px;
        font-size: 2em;
    }
    
    .contact .cmap .cmapaddr li {
        padding-left: 50px;
        color: #cfcfcf;
        display: block;
        font-size: 1.2em;
        line-height: 2.2em;
        background-color: #E50251;
        cursor: pointer;
    }
    
    .contact .cmap .cmapaddr .mapactive {
        border: 18px solid;
        border-color: #E50251 #E50251 #E50251 #F4F3EF;
        position: absolute;
        margin-left: -50px;
    }
    /*---------------about-----------------*/
    
    .abouttitle {
        background-color: #ffffff;
        padding: 10px 20px;
        display: block;
        border: 1px solid #dddddd;
        font-size: 1.0em;
        text-align: center;
    }
    
    .abouttitle .abtitem {
        cursor: pointer;
        float: left;
    }
    
    .abouttitle .aindex {
        color: #E50251;
    }
    

    
    .abouttitle .aboutactive {
        border: 11px solid;
        border-color: transparent transparent #E50251 transparent;
        position: absolute;
        margin-left: 8.5%;
        margin-top: 5px;
    }
    
    .aboutcontent {
        padding: 20px 20px;
        display: none;
        background-color: #ffffff;
        border: 1px solid #dddddd;
        color: #666666;
        line-height: 1.5em;
    }
    /*---------------service-----------------*/
    
    .servicecontent {
        padding: 30px;
        display: none;
    }
    
    .brandcate .serviceactive {
        border: 19px solid;
        border-color: #F0F0F0 transparent transparent transparent;
        position: absolute;
        margin-left: 45%;
        margin-top: 96px;
        z-index: 100;
    }
    /*---------------Recruitment-----------------*/
    
    .Recruitment .rctitle1 {
        font-size: 1.4em;
        color: #E50251;
        float: left;
        padding-right: 30px;
        font-weight: bold;
    }
    
    .Recruitment .rctitle2 {
        font-size: 1.4em;
        color: #999999;
        float: left;
        border-left: 1px solid #dddddd;
        padding-left: 30px;
    }
    
    .Recruitment .rccontent {
        padding: 20px 0;
        float: left;
        width: 100%;
    }
    
    .job .jobtitle1 {
        padding: 20px 0;
        font-size: 1.6em;
        font-weight: bold;
        color: #E50251;
        float: left;
    }
    
    .job .jobtitle2 {
        padding-bottom: 10px;
        padding-top: 70px;
        float: right;
    }
    /*---------------isotope-----------------*/
    
    .isotope-item {
        z-index: 2;
    }
    
    .isotope-hidden.isotope-item {
        pointer-events: none;
        z-index: 1;
    }
    
    .isotope,
    .isotope .isotope-item {
        -webkit-transition-duration: 0.8s;
        -moz-transition-duration: 0.8s;
        -ms-transition-duration: 0.8s;
        -o-transition-duration: 0.8s;
        transition-duration: 0.8s;
    }
    
    .isotope {
        -webkit-transition-property: height, width;
        -moz-transition-property: height, width;
        -ms-transition-property: height, width;
        -o-transition-property: height, width;
        transition-property: height, width;
    }
    
    .isotope .isotope-item {
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform, opacity;
        -ms-transition-property: -ms-transform, opacity;
        -o-transition-property: -o-transform, opacity;
        transition-property: transform, opacity;
    }
    
    .isotope.no-transition,
    .isotope.no-transition .isotope-item,
    .isotope .isotope-item.no-transition {
        -webkit-transition-duration: 0s;
        -moz-transition-duration: 0s;
        -ms-transition-duration: 0s;
        -o-transition-duration: 0s;
        transition-duration: 0s;
    }
    /*---------------��������-----------------*/
    
    .mytitle {
        width: 100%;
        height: 250px;
        float: left;
    }
    
    .mytitle p {
        font-size: 1.3em;
        color: #666;
        padding-left: 7.5%;
        padding-top: 2%;
    }
    
    .mytitle h2 {
        font-size: 2.0em;
        color: #e50150;
        padding-left: 7%;
        padding-top: 20px;
        font-weight: bold;
    }
    
    .mytitle h3 {
        font-size: 1.3em;
        color: #666;
        padding-left: 7%;
        padding-top: 8px;
    }
    
    .mytitle-lf {
        width: 60%;
        height: 250px;
        float: left;
    }
    
    .mytitle-lf h2 {
        font-size: 2.0em;
        color: #e50150;
        padding-top: 8%;
        font-weight: bold;
    }
    
    .mytitle-lf h3 {
        font-size: 1.3em;
        color: #e50150;
        padding-top: 20px;
    }
    
    .mya {
        font-size: 1.4em;
        color: #666;
        font-family: "Microsoft YaHei";
        font-weight: bold;
        padding-left: 10%;
        padding-top: 5%;
    }
    
    .myb {
        font-size: 2em;
        font-family: "Microsoft YaHei";
        font-weight: bold;
        padding-left: 10%;
        color: #e50150;
    }
    
    .myc {
        font-size: 1.1em;
        font-family: "Microsoft YaHei";
        padding-top: 3%;
        color: #e50150;
    }
    
    .mytitle-wz {
        width: 88%;
        height: auto;
        font-size: 1.0em;
        font-family: "Microsoft YaHei";
        color: #666;
        padding-left: 7%;
        line-height: 1.8em;
    }
    
    .mywza {
        font-size: 1.2em;
        font-family: "Microsoft YaHei";
        font-weight: bold;
        color: #666;
        padding-top: 1%;
        padding-bottom: 0%
    }
    /*---------------��ҳ������-----------------*/
    
    .myindex-A {
        width: 100%;
        height: 861px;
        background-image: url(../pic/myindex.png);
    }
    
    .myservice-A {
        width: 100%;
        height: 861px;
        background-image: url(../pic/service3.png);
    }
    
    .myindex-left-A {
        float: left;
        font-size: 0.8em;
        color: #666;
        font-family: "Microsoft YaHei";
        padding-left: 6%;
        padding-top: 50%;
        line-height: 2em;
    }
    
    .myindex-left-B {
        float: left;
        font-size: 0.8em;
        color: #666;
        font-family: "Microsoft YaHei";
        padding-left: 10.5%;
        padding-top: 50%;
        line-height: 2em;
    }
    
    .myindex-left-C {
        float: left;
        font-size: 0.8em;
        color: #666;
        font-family: "Microsoft YaHei";
        padding-left: 5.0%;
        padding-top: 50%;
        line-height: 2em;
    }
    
    .myindex-left-D {
        float: left;
        font-size: 0.8em;
        color: #666;
        font-family: "Microsoft YaHei";
        padding-left: 4.2%;
        padding-top: 50%;
        line-height: 2em;
    }
    
    .myindex-left-E {
        float: left;
        font-size: 0.8em;
        color: #666;
        font-family: "Microsoft YaHei";
        padding-left: 8%;
        padding-top: 50%;
        line-height: 2em;
    }
    
    A.Lili1:link {
        FONT-STYLE: normal;
        FONT-FAMILY: "΢���ź�";
        COLOR: #888888;
        TEXT-DECORATION: none
    }
    
    A.Lili1:visited {
        FONT-STYLE: normal;
        FONT-FAMILY: "΢���ź�";
        COLOR: #888888;
        TEXT-DECORATION: none
    }
    
    A.Lili1:active {
        FONT-FAMILY: "΢���ź�";
        COLOR: #c70124;
        TEXT-DECORATION: none
    }
    
    A.Lili1:hover {
        FONT-FAMILY: "΢���ź�";
        COLOR: #c70124;
        TEXT-DECORATION: none
    }
    /*-----------------������װģ��--------------------*/
    /*-----------------������װģ��--------------------*/
    
    .packaging {
        max-width: 1001px;
        height: 517px;
        background: url(https://www.mroyal.cn/images/packaging.png) no-repeat;
        -webkit-background-size: 100%;
        background-size: 100%;
    }
    .packaging+div span:nth-child(1){
        color:#F0F0F0 !important
    }
    


    
    .packaging li {
        font-size: 1em;
        text-align: center;
    }
    
    .packaging-left-A {
        float: left;
        padding-left: 3%;
        padding-top: 1%;
        line-height: 2em;
    }
    
    .packaging-left-B {
        float: left;
        padding-left: 7.5%;
        padding-top: 1%;
        line-height: 2em;
    }
    
    .packaging-left-C {
        float: left;
        padding-left: 8.5%;
        padding-top: 1%;
        line-height: 2em;
    }
    
    .packaging-left-D {
        float: left;
        padding-left: 7.5%;
        padding-top: 1%;
        line-height: 2em;
    }
    /*-----------------������װģ��--------------------*/
    
    .agr {
        width: 1001px;
        height: 517px;
        background-image: url(https://www.mroyal.cn/images/ag-2.jpg);
    }
    
    .agr li {
        font-size: 1em;
        text-align: center;
    }
    
    .agr-left-A {
        float: left;
        padding-left: 0%;
        width: 20%;
        padding-top: 1%;
        line-height: 2em;
    }
    
    .agr-left-B {
        float: left;
        padding-left: 0%;
        width: 20%;
        padding-top: 1%;
        line-height: 2em;
    }
    
    .agr-left-C {
        float: left;
        padding-left: 0%;
        width: 20%;
        padding-top: 1%;
        line-height: 2em;
    }
    
    .agr-left-D {
        float: left;
        padding-left: 0%;
        width: 20%;
        padding-top: 1%;
        line-height: 2em;
    }
    
    .agr-left-E {
        float: left;
        padding-left: 0%;
        width: 20%;
        padding-top: 1%;
        line-height: 2em;
    }
    /*-----------------ũҵ--------------------*/
    
 /*   .nongye {
        max-width: 1011px;
        margin-left: auto;
        margin-right: auto;
    }*/
    
   /* .nongye ul li {
        font-size: 1.1em;
        line-height: 2em;
        color: #666;
    }
    
    .nongye-left {
        float: left;
        width: 450px;
        height: auto;
    }
    
    .nongye-left ul li {
        margin-bottom: 10px;
    }
    
    .nongye-right {
        float: left;
        width: 550px;
        padding-left: 0px;
    }*/
    
    .nong {
        width: 1011px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        background-color: #FFF;
    }
    
    .nong-lfet {
        float: left;
        width: 250px;
        height: auto;
    }
    
    .nong-lfet .dtu {
        width: 80%;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #CCC;
    }
    
    .nong-lfet li a {
        font-size: 1.2em;
        line-height: 2.8em;
        color: #666;
        text-decoration: none;
    }
    
    .nong-lfet li a:hover {
        font-size: 1.2em;
        line-height: 2.8em;
        color: #5fbc8e;
    }
    
    .nong-lfet li dtu {
        background-image: url(../Agriculture/img/xian.jpg);
    }
    
    .nong-right {
        float: left;
        padding-left: 50px;
        #fff#fff-space: normal;
        width: 711px;
        height: 400px;
        height: auto;
        min-height: 500px;
    }
    
    .nong-right img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }
    
    .fanhui {
        width: auto;
    }
    
    .fanhui li a:link {
        font-size: 1.1em;
        color: #666;
        text-decoration: none;
    }
    
    .fanhui li a:hover {
        font-size: 1.1em;
        color: #5fbc8e;
        text-decoration: none;
    }
    
    .fanhui li a:visited {
        font-size: 1.1em;
        color: #5fbc8e;
        text-decoration: none;
    }
    /*-----------------��ױƷ--------------------*/
    
    .hzp {
        width: auto;
    }
    
    .hzp li {
        font-size: 1.1em;
        line-height: 1.8em;
        color: #666;
        text-decoration: none;
    }
    
    .hzp li a:hover {
        font-size: 1.1em;
        color: #5fbc8e;
        text-decoration: none;
    }
    
    .hzp li a:visited {
        font-size: 1.1em;
        color: #5fbc8e;
        text-decoration: none;
    }
    /*-----------------������ѯ--------------------*/
    .newsd_4_out{
        background: #f0f0f0;
        padding:15px 0;
        display: none;
    }
    .newsd_4{
        background: #fff;
        width:96.9%;
        margin: 0 auto;
        border:1px solid lightgrey;
    }
    .newsd_4 h3{
        text-align: center;
        margin-bottom: 10px;
    }
    .newsd_4_con{
        overflow:hidden;
    }
    .newsd_4_con li{
        float:left;
        width:33.33%;
        text-align: center;
        margin-bottom:8px;
    }
    .newsd_4_con li a{
        display: inline-block;
        padding:5px 15px;
        color:#fff;
        background: rgba(229, 2, 81, 0.71);
        border-radius: 4px;
    }


    

    
    .side-bar a,
    .chat-tip i {
        background: url(../images/bg.png) no-repeat;
    }
    
    .side-bar {
        width: 60px;
        position: fixed;
        bottom: 200px;
        right: 0px;
        font-size: 0;
        line-height: 0;
        z-index: 100;
    }
    
    .side-bar a {
        width: 60px;
        height: 60px;
        display: block;
        background-color: #666;
        margin-bottom: 2px;
    }
    
    .side-bar a:hover {
        background-color: #e50150;
    }
    /*��꾭����ɫ*/
    
    .side-bar .icon-qq {
        background-position: 0 -73px;
    }
    
    .side-bar .icon-chat {
        background-position: 0 -140px;
        position: relative;
    }
    
    .side-bar .icon-chat:hover .chat-tip {
        display: block;
    }
    
    .side-bar .icon-blog {
        background-position: 0 -208px;
    }
    
    .side-bar .icon-mail {
        background-position: 0 -269px;
    }
    
    .side-bar .icon-totop {
        background-position: 0 -334px;
    }
    
    .chat-tip {
        padding: 5px;
        border: 1px solid #d1d2d6;
        position: absolute;
        right: 78px;
        top: -55px;
        background-color: #fff;
        display: none;
    }
    
    .chat-tip i {
        width: 9px;
        height: 16px;
        display: inline-block;
        position: absolute;
        right: -9px;
        top: 71px;
        background-position: -88px -350px;
    }
    
    .chat-tip img {
        width: 138px;
        height: 138px;
    }
    
    .side-bart a,
    .chat-tip i {
        background: url(../images/bg.png) no-repeat;
    }
    
    .side-bart {
        width: 60px;
        position: fixed;
        bottom: 10px;
        right: 0px;
        font-size: 0;
        line-height: 0;
        z-index: 100;
    }
    
    .side-bart a {
        width: 60px;
        height: 60px;
        display: block;
        background-color: #666;
        margin-bottom: 2px;
    }
    
    .side-bart a:hover {
        background-color: #e50150;
    }
    /*��꾭����ɫ*/
    
    .side-bart .icon-qq {
        background-position: 0 -73px;
    }
    
    .side-bart .icon-chat {
        background-position: 0 -140px;
        position: relative;
    }
    
    .side-bart .icon-chat:hover .chat-tip {
        display: block;
    }
    
    .side-bart .icon-blog {
        background-position: 0 -208px;
    }
    
    .side-bart .icon-mail {
        background-position: 0 -269px;
    }
    
    .side-bart .icon-totop {
        background-position: 0 -334px;
    }
    
    .chat-tip {
        padding: 0px;
        border: 0px solid #d1d2d6;
        position: absolute;
        right: 65px;
        top: -100px;
        background-color: #fff;
        display: none;
    }
    
    .chat-tip i {
        width: 0px;
        height: 0px;
        right: 0px;
        top: 71px;
    }
    
    .chat-tip img {
        width: 138px;
        height: 138px;
    }
    
    *,
    *:after,
    *:before {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    .clearfix:before,
    .clearfix:after {
        display: table;
        content: '';
    }
    
    .clearfix:after {
        clear: both;
    }
    
    .logogrid {
        margin-left: auto;
        margin-left: auto;
    }
    
    .logoimg>i {
        width: 40px;
        height: 2px;
        display: block;
        margin: 27px auto;
        background-color: #ff6600;
    }
    .home_logo>i{
        width: 40px;
        height: 2px;
        display: block;
        margin: 27px auto;
        background-color: #ff6600;
    }

    .grid {
        position: relative;
        clear: both;
        margin: 0 auto;
        padding: 0em 0 0em;
        max-width: 1010px;
        list-style: none;
        text-align: center;
    }
    /* Common style */
    
    .grid figure {
        position: relative;
        float: left;
        overflow: hidden;
        margin: 10px 0%;
        width: 100%;
        height: auto;
        background: #3085a3;
        text-align: center;
        cursor: pointer;
    }
    
    .grid figure img {
        position: relative;
        float: left;
        display: block;
        max-width: 100%;
        opacity: 0.8;
    }
    
    .grid figure figcaption {
        padding: 2em;
        color: #fff;
        text-transform: uppercase;
        font-size: 1.25em;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    
    .grid figure figcaption::before,
    .grid figure figcaption::after {
        pointer-events: none;
    }
    
    .grid figure figcaption,
    .grid figure figcaption>a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    /* Anchor will cover the whole item by default */
    /* For some effects it will show as a button */
    
    .grid figure figcaption>a {
        z-index: 100%;
        text-indent: 100%;
        #fff-space: nowrap;
        font-size: 0;
        opacity: 0;
    }
    
    .grid figure h2 {
        word-spacing: -0.15em;
        font-weight: 300;
    }
    
    .grid figure h2 span {
        font-weight: 100%;
    }
    
    .grid figure h2,
    .grid figure p {
        margin: 0;
    }
    
    .grid figure p {
        letter-spacing: 1px;
        font-size: 68.5%;
    }
    .logoimg {
        color: #666;
        position: relative;
        clear: both;
		font-weight:bold;
        margin: 0 auto;
        max-width: 1010px;
        list-style: none;
        text-align: center;
        padding: 40px 0 20px 0;
    }
    .home_logo{
        color: #fff;
        position: relative;
        clear: both;
        margin: 0 auto;
        max-width: 1010px;
        list-style: none;
        text-align: center;
        padding: 40px 0 20px 0;
        height:450px;
        overflow: hidden;
    }
    /*服务背景淡入淡出css*/
    .home_bg{
        width:100%;
        height:100%;
        position: relative;
    }
    .brandclassTop {
        animation: backgroundg 3s infinite alternate ease-in-out;
        -webkit-animation: backgroundg 3s infinite alternate ease-in-out;
    }

    @-webkit-keyframes backgroundg {
        from {
            background: url(/images/casebigbg-top1.jpg) no-repeat fixed center top / cover #ffffff;
            background-size: cover
        }
        to {
            background: url(/images/casebigbg-top2.jpg) no-repeat fixed center top / cover #ffffff;
            background-size: cover
        }
    }
    /*服务新增的css文件*/
    .home_logo>h2{
        font-size: 3em;margin: 46px 0 0
    }
    .home_logo>p{
        font-size: 1.6em;padding:0 10px;line-height:1.5em;font-weight:normal;
    }
    .home_bg .logoimg{
        padding:0;
    }
    .ser_img1_out{
        background: #f0f0f0;
        padding:54px 0;
    }
    .ser_img1{
        margin: 0 auto;max-width: 1100px
    }
    .ser_img1>img{
       width:100%
    }
    .ser_img2{
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        padding:40px 0;
    }

    .ser_img2 div{
        max-width:550px;float:left;
    }
    .ser_img2 div img{
        width:100%
    }
    .ser_list{
        max-width: 1100px;
        margin:0 auto;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-around;
        font-size:12px;
        text-align: center;
        color:#737170;
    }
    .ser_list p{
        padding:0 10px
    }
    .ser_list_item{
        background: #E6E6E6;
        width:15%;
        position: relative;
        top:0;
        transition: all 0.4s;
        box-shadow: 3px 5px 10px #b4b4b4;
    }
    .ser_list_item:hover{
        top:-10px;
    }

    .ser_list_item_child{
        box-sizing: border-box;
        padding:15px 5px;
        min-height:280px;
		line-height:22px;
        display: flex;
        flex-direction:column;
        justify-content: space-between;
    }
    .ser_list_item_child p{
        margin:0px !important;
		padding:0px !important;
    }
    .ser_list_item_title{
        color:#fff;
        font-size:25px;
        line-height: 90px;
        margin:0;
    }
    .ser_list li:nth-child(1) h4{
          background: #F70159;
      }
    .ser_list li:nth-child(2) h4{
        background: #019AF7;
    }
    .ser_list li:nth-child(3) h4{
        background: #F7CC01;
    }
    .ser_list li:nth-child(4) h4{
        background: #A4A4A4;
    }
    .ser_list li:nth-child(5) h4{
        background: #F701B2;
    }
    .ser_list li:nth-child(6) h4{
        background: #28CBD0;
    }
    .ser_case{
        max-width: 1100px;
        margin:0 auto;
        position: relative;
        overflow:hidden;
        padding:0 1% 20px;
    }
    .ser_case_item{
        float:left;
        width:33.3333%;
        position: relative;
        overflow: hidden;
        margin-bottom: 10px;
    }
    .r_case_more{
        text-align: center;
    }
    .ser_case_item a{
        -webkit-tap-highlight-color: rgba(0,0,0,0)
    }
    .ser_case_item_img img{
        width:100%;
    }
    .ser_case_item_mb{
        position: absolute;
        left:0;top:100%;
        width:100%;height:100%;
        color:#fff;
        background: rgba(0, 0, 0, 0.62);
        transition: all 0.6s;
        display: flex;
        flex-direction: column;
        justify-content: center;
        box-sizing: border-box;
        padding: 0 5%;
        overflow:hidden
    }
    .ser_case_item_mb h2,.home_logo h2{
        color:#fff;
		font-weight:normal;
    }
    .ser_case_item:hover .ser_case_item_mb{
        top:0;
    }
    .ser_case_item_btn{
        background: #ff6600;
        color:#fff;
        padding:8px 0;
        width:120px;
        text-align: center;
        margin-top: 10%;
    }
    .ser_case_more{
        background: #ff6600;
        color:#fff;
        padding:8px 0;
        width:120px;
        text-align: center;
        margin: auto;
        border-radius: 2px;
        cursor:pointer
    }
    .ser_case_more a{
        color:#fff
    }




    /*----��ҳҵ��ģ��---*/
    /*.reconstruction {
    max-width: 1010px;
    height: 190px;
    background-color: #D50D4D;
    margin: 15px 0 15px 0;
}

.reconstruction > ul {
    padding-left: 120px;
}

.reconstruction > ul > li {
    height: 50px;
    text-align: left;
    line-height: 55px;
    font-size: 2.4em;
}

.reconstruction > ul > a > h2:hover {
    background-color: #D50D4D;
    color: #ffffff;
    font-weight: normal;
    cursor: pointer;
}

.reconstruction > ul > a > h2 {
    width: 380px;
    height: 40px;
    border: 3px solid #ffffff;
    padding: 0;
    background-color: #ffffff;
    color: #D50D4D;
    text-align: center;
    line-height: 34px;
    margin-top: 20px;
    margin-right: 12px;
    float: left;
    box-shadow: 5px 10px 5px rgba(142, 4, 28, 0.6);
}

.reconstruction > ul > a > h3 {
    width: 380px;
    height: 40px;
    border: 3px solid #ffffff;
    padding: 0;
    color: #ffffff;
    text-align: center;
    line-height: 34px;
    margin-top: 20px;
    margin-right: 12px;
    float: left;
    box-shadow: 5px 10px 5px rgba(142, 4, 28, 0.6);
}

.reconstruction > ul > a > h3:hover {
    background-color: #ffffff;
    color: #D50D4D;
    font-weight: normal;
    cursor: pointer;
}*/
    
    .DesignMenu .list {
        float: left;
    }
    /*----ҵ��ģ��------*/
    
    .DesignMenu {
        margin: 0 auto;
        max-width: 1020px;
        text-align: center;
    }
    /*
.DesignMenu .DM1 {
    width: 49%;
    height: 108px;
    background-color: #09F;
    float: left;
    margin: 15px 5px 5px 5px;
}

.DesignMenu .DM2 {
    font-size: 1.3em;
    width: 32%;
    height: 80px;
    float: left;
    background-color: #dddddd;
    background-image: url(../Img/01.png);
    margin: 10px 13px 5px 0px;
    padding: 27px 20px 0 40px;
    text-align: left;
    color: #D50D4D;
}

.DesignMenu .DM2 > p {
    font-size: 0.8em;
    color: #999;
}

.DesignMenu .DM2:hover {
    background-color: #D50D4D;
    color: #ffffff;
    font-weight: 400;
    cursor: pointer;
    background-image: url(../Img/02.png);

}

.DesignMenu h2 {
    color: #D50D4D;
    font-size: 1.2em;
    padding: 25px 20px 20px 20px;
    line-height: 0;
    float: left;
}

.DesignMenu .DM2 > li:hover {
    color: #ffffff;
    font-weight: 400;
    cursor: pointer;
}
*/
    
    .DesignMenu .DM3 {
        width: 24%;
        height: 300px;
        float: left;
        margin: 15px 10px 5px 0;
        border: 1px solid #ccc;
    }
    
    .DesignMenu .DM3 h2 {
        color: #fff;
        font-size: 1.4em;
        padding: 30px 20px 10px 20px;
        border: 1px solid #D50D4D;
        background-color: #D50D4D;
        height: 70px;
        margin: 0 0 10px 0;
        line-height: 12px;
        float: none;
    }
    
    .DesignMenu .DM3>ul>li {
        color: #666;
        font-size: 1.0em;
    }
    
    .DesignMenu .DM3 .DMS {
        float: left;
        font-size: 1.0em;
    }
    
    .DesignMenu .DM3 .li {
        float: left;
        text-align: left;
    }


    /* 服务页面 */

    .servide-fist,
    .servide-second{
        text-align: center;
    }

    .servide-fist,
    .servide-second{
        margin-top: 60px;
    }

    .servide-fist .servide-gray {
        color: #666;
        font-size: 20px;
        line-height: 35px;
    }

    .servide-fist .servide-big {
        font-size: 42px;
        font-weight: 600;
    }

    .servide-fist .servide-big .servide-tm {
        font-size: 60px;
        font-weight: 800;
        margin-top: 30px;
    }

    .servide-fist .servide-big div:nth-child(2) {
        margin-top: 30px;
    }

    .servide-fist .servide-big .servide-tm span:nth-child(1) {
        color: #de004d;
    }

    .servide-fist .servide-big .servide-tm span:nth-child(2) {
        color: #2c70af;
    }

    .servide-fist .servide-big .servide-tm span:nth-child(3) {
        color: gray;
        position: relative;
    }

    .servide-fist .servide-big .servide-tm span:nth-child(3) p {
        color: #333;
        position: absolute;
        font-size: 14px;
        top: -14px;
        left: -14px;
    }

    .servide-arrow img {
        width: 5%;
        margin: 30px auto;
        display: block;
    }

    .servide-fourth .servide-arrow {
        clear: both;
    }

    .servide-second .servide-txt .servide-redblack {
        font-size: 60px;
        font-weight: 800;
    }

    .servide-second .servide-txt .servide-redblack span {
        color: #de004d;
    }

    .servide-second .servide-txt .servide-gray {
        margin-top: 15px;
        margin-bottom: 30px;
        color: gray;
        font-size: 18px;
    }

    .servide-second .servide-img {
        width: 100%;
        height: 0;
        padding-bottom: 29%;
        overflow: hidden;
        position: relative;
    }

    .servide-second .servide-img ul {
        position: absolute;
        top: 42%;
        width: 100%;
        height: 10%;
        display: flex;
        justify-content: space-between;
    }

    .servide-second .servide-img ul li {
        width: 20%;
        height: 100%;
        position: relative;
        font-size: 24px;
        color: #fff;
        font-weight: 300;
    }

    .servide-second .servide-img ul li span {
        font-weight: 800;
    }

    .servide-second .servide-img ul li {
        background: gray;
    }

    .servide-second .servide-img ul li div {
        cursor: pointer;
    }

    .servide-second .servide-img ul li:nth-child(3n+1) {
        background: #de004d;
    }

    .servide-second .servide-img ul li i img {
        width: 13%;
        position: absolute;
        left: 110%;
        top: 14%;
    }

    .servide-second .servide-img ul li p {
        display: inline;
    }

    .servide-second .servide-img ul .servide-second .servide-img img {
        width: 100%
    }

    .servide-second .servide-img img {
        width: 100%
    }


    .servide-fourth ul li:nth-child(2n+1) {
        background: #f5f5f5;
    }

    .servide-fourth .servide-left {
        width: 20%;
        float: left;
        text-align: center;
    }

    .servide-fourth .servide-right {
        width: 75%;
        float: left;
        margin-left: 5%;
    }

    .servide-fourth .servide-left img {
        width: 100%;
        margin-bottom: 30px;
    }

    .servide-fourth .servide-left div:nth-child(3) {
        color: #de004d;
    }

    .servide-fourth .servide-right .servide-red {
        color: #de004d;
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 40px;
    }

    .servide-fourth .servide-right .servide-decs>div {
        margin-bottom: 15px;
    }

    .servide-fourth ul li>div {
        padding: 30px 0 0;
    }

    .servide-fourth .servide-fourth-img {
        display: none;
    }








    /*----ҵ����-----*/
    .BrandMenu {
        width: 32%;
        height: 188px;
        float: left;
        background-color: #ff005c;
        color: #FFF;
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .BrandMenu h2 {
        font-size: 1.5em;
        padding-bottom: 20px;
    }
    
    .BrandMenu .a p {
        font-size: 1.0em;
        color: #FFF;
        line-height: 3em;
    }
    
    .BrandMenu2 {
        width: 36%;
        height: 188px;
        float: left;
        background-color: #7c7c7c;
        color: #FFF;
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .BrandMenu2 h2 {
        font-size: 1.5em;
        padding-bottom: 20px;
    }
    
    .BrandMenu2 .a p {
        font-size: 1.0em;
        color: #FFF;
        line-height: 1.8em;
    }
    
    .BrandMenu3 {
        width: 32%;
        height: 188px;
        float: left;
        background-color: #6f6f6f;
        color: #FFF;
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .BrandMenu3 h2 {
        font-size: 1.5em;
        padding-bottom: 20px;
    }
    
    .BrandMenu3 .a p {
        font-size: 1.0em;
        color: #FFF;
    }
    
    .BrandMenu4 {
        width: 36%;
        height: 188px;
        float: left;
        background-color: #ff005c;
        color: #FFF;
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .BrandMenu4 h2 {
        font-size: 1.5em;
        padding-bottom: 20px;
    }
    
    .BrandMenu4 .a p {
        font-size: 1.0em;
        color: #FFF;
    }
    /*--------��ҳ�Ƽ�����-------*/
    .container-index{
     	max-width:98%;
	margin:0 auto;
	overflow:hidden;
}
    
    .MroyalBrand {
        margin: 0 auto;
        max-width: 100%;
    }
    
    .BrandZuo {
        width: 24%;
        float: left;
        margin:0 0.5%;
    }

    .BrandYou {
        width: 24%;
        float: left;
        margin-right:1.333%;
    }
    
    .BrandPlay {
        display: none;
    }
    
    .MroyalBrand figure {
        position: relative;
        float: left;
        overflow: hidden;
        width: 100%;
        height: auto;
    }
    
    figure.BrandAnli {
        text-align: left;
        margin: 0;
        padding-bottom: 3em;
    }
    
    figure.BrandAnli h2 {
        font-size: 0.9em;
        color: #666;
        font-weight: normal;
        text-decoration: none;
        /*line-height: 2em;*/
        #fff-space:nowrap;

        overflow:hidden;

        text-overflow:ellipsis;
    }
    
    figure.BrandAnli p {
        font-size: 1.0em;
        color: #666;
        /*line-height: 0.4em;*/
        padding-bottom: 10px;
        #fff-space:nowrap;

        overflow:hidden;

        text-overflow:ellipsis;

       /* padding-top:3px;*/
    }
    
    figure.BrandAnli a {
        text-decoration: none;
    }
    
    figure.BrandAnli img {
        max-width: 100%;
        height: auto;
    }
    
    figure.BrandAnli img:hover {}
    /*-------�ֻ�������--------*/
    

    /*-----ҵ����-----*/
    
    .yewujieda {
        width: 100%;
        height: 130px;
        border: 0.5em solid #ff005c;
        background-color: #FFF;
    }
    
    .yewujieda h2 {
        width: 35%;
        font-size: 1.8em;
        color: #ff005c;
        float: left;
        height: 120px;
        padding-top: 3%;
    }
    
    .yewujieda h3 {
        width: 60%;
        font-size: 1.1em;
        color: #ff005c;
        height: 120px;
        float: left;
        text-align: left;
    }
    /*-----�ͻ�����-----*/
    
    .gridPingjia {
        text-align: center;
        margin: 0 auto;
        max-width: 1020px;
    }
    
    .gridPingjia h2 {
        font-size: 1.8em;
        color: #FFF;
        letter-spacing: -1px;
    }
    
    .gridPingjia h2 span {
        letter-spacing: 0;
        margin: 0 20px;
    }
    
    .gridPingjia h3 {
        fontfont-size: 1.0em;
        color: #FFF;
        padding-top: 50px;
        padding-left: 5px;
    }
    
    .gridPingjia li {
        width: 24%;
        height: 168px;
        float: left;
        margin: 5px 5px 5px 5px;
    }
    /*-----������Ϣ-----*/
    
    .gridNews-bj {
        width: 100%;
        height: 960px;
        background-color: #e7e7e7;
        z-index: -99999;
    }
    
    .gridNews {
        margin: 0 auto;
        max-width: 1020px;
    }
    
    .gridNews h2 {
        font-size: 1.8em;
        color: #FFF;
        letter-spacing: -1px;
    }
    
    .gridNews h2 span {
        letter-spacing: 0;
        margin: 0 20px;
    }
    
    .gridNews h3 {
        fontfont-size: 1.0em;
        color: #000000;
        padding-top: 50px;
        padding-left: 5px;
    }
    
    .gridNews li {
        width: 24%;
        height: 340px;
        float: left;
        background-color: #d5d5d5;
        margin: 5px 5px 5px 5px;
    }
    
    .gridNews li p {
        padding: 10px;
        font-size: 0.9em;
        text-align: left;
        color: #666;
    }
    /*-----�ײ�����-----*/
    
    .footAnniu {
        width: 100%;
        height: 280px;
        background-color: #333;
        padding-top: 20px;
    }
    
    .footmenu {
        width: 1010px;
        margin: 0 auto;
        text-align: left;
    }
    
    .footmenu ul {
        float: left;
        width: 20%;
        height: 180px;
    }
    
    .footmenu li {
        list-style: none;
    }
    
    .footmenu li a {
        font-size: 0.9em;
        color: #FFF;
    }
    
    .footmenu .logo {
        width: 25%;
        float: left;
        padding-top: 4px;
    }
    
    .footmenu .beian {
        width: 65%;
        float: left;
    }
    
    .footmenu .beian p {
        font-size: 0.8em;
        color: #fff;
    }
    /*---�Ҳ���������---*/
    
    .side-bar a,
    .chat-tips i {}
    
    .side-bar {
        width: 50px;
        position: fixed;
        bottom: 20px;
        right: 25px;
        font-size: 0;
        line-height: 0;
        z-index: 100;
    }
    
    .side-bar a {
        width: 50px;
        height: 40px;
        display: inline-block;
        margin-bottom: 2px;
        background-image: url(../Img/top.png)
    }
    
    .side-bar a:hover {
        background-image: url(../Img/top2.png)
    }
    
    .side-bar .icon-chat {
        background-position: 0 0px;
        position: relative;
    }
    
    .side-bar .icon-qq {
        background-position: 0 -42px;
    }
    
    .side-bar .icon-chat:hover .chat-tips {
        display: block;
    }
    
    .side-bar .icon-blog {
        background-position: 0 -83px;
    }
    
    .side-bar .icon-renren {
        background-position: 0 -125px;
    }
    
    .side-bar .icon-douban {
        background-position: 0 -166px;
    }
    
    .side-bar .icon-qk {
        background-position: 0 -207px;
    }
    
    .side-bar .icon-top {
        background-position: 0 -248px;
    }
    
    .chat-tips {
        padding: 10px;
        border: 1px solid #d1d2d6;
        position: absolute;
        right: 58px;
        top: -55px;
        background-color: #fff;
        display: none;
    }
    
    .chat-tips i {
        width: 9px;
        height: 16px;
        display: inline-block;
        position: absolute;
        right: -9px;
        top: 80px;
        background-position: -88px -350px;
    }
    
    .chat-tips img {
        width: 122px;
        height: 122px;
        background-image: url(../Img/weixin.jpg)
    }
    

    

    /*---------------*/
    /***** Jazz *****/
    /*---------------*/
    
    figure.effect-jazz {
        background: -webkit-linear-gradient(-45deg, #333 0%, #333 100%);
        /*-------ͼƬ������ɫ����--------*/
        background: linear-gradient(-45deg, #333 0%, #333 100%);
    }
    
    figure.effect-jazz img {
        opacity: 0.9;
    }
    
    figure.effect-jazz figcaption::after,
    figure.effect-jazz img,
    figure.effect-jazz p {
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
    }
    
    figure.effect-jazz figcaption::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        content: '';
        opacity: 0;
        -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
        transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
        /*-------�������½Ƕȴ�С--------*/
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }
    
    figure.effect-jazz h2,
    figure.effect-jazz p {
        opacity: 1;
        -webkit-transform: scale3d(0.8, 0.8, 1);
        transform: scale3d(0.8, 0.8, 1);
    }
    
    figure.effect-jazz h2 {
        padding-top: 26%;
        -webkit-transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
    }
    
    figure.effect-jazz p {
        padding: 0.5em 2em;
        text-transform: none;
        font-size: 0.85em;
        opacity: 0;
    }
    
    figure.effect-jazz:hover img {
        opacity: 0.7;
        -webkit-transform: scale3d(1.05, 1.05, 1);
        transform: scale3d(1.05, 1.05, 1);
    }
    
    figure.effect-jazz:hover figcaption::after {
        opacity: 1;
        -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
        transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
    }
    
    figure.effect-jazz:hover h2,
    figure.effect-jazz:hover p {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    /*---------------*/
    /***** Ming *****/
    /*---------------*/
    
    figure.effect-ming {
        background: #030c17;
    }
    
    figure.effect-ming img {
        opacity: 0.9;
        -webkit-transition: opacity 0.35s;
        transition: opacity 0.35s;
    }
    
    figure.effect-ming figcaption::before {
        position: absolute;
        top: 30px;
        right: 30px;
        bottom: 30px;
        left: 30px;
        border: 2px solid #fff;
        box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.2);
        content: '';
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: scale3d(1.4, 1.4, 1);
        transform: scale3d(1.4, 1.4, 1);
    }
    
    figure.effect-ming h2 {
        margin: 20% 0 10px 0;
        -webkit-transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
    }
    
    figure.effect-ming p {
        padding: 1em;
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
    
    figure.effect-ming:hover h2 {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    
    figure.effect-ming:hover figcaption::before,
    figure.effect-ming:hover p {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    
    figure.effect-ming:hover figcaption {
        background-color: rgba(58, 52, 42, 0);
    }
    
    figure.effect-ming:hover img {
        opacity: 0.4;
    }

    /*����ҳ��*/
    
    .footer_service {
        width: 100%;
        height: 3rem;
        position: fixed !important;
        bottom: 0;
        right: 0;
        z-index: 9999;
        -webkit-transition: all 0.3s ease-in-out 0s;
        -moz-transition: all 0.3s ease-in-out 0s;
        -ms-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }
    
    .footer_service .foot {
        width: 100%;
        height: 3rem;
        z-index: 99;
        position: fixed;
        bottom: 0;
    }
    
    .footer_service .foot-relative {
        width: 100%;
        height: 3rem;
        position: relative
    }
    
    .footer_service .foot-relative>div {
        width: 84%;
        height: 2rem;
        position: relative;
        margin: 10px auto;
    }
    
    .footer_service .foot a {
        display: block;
        float: left;
        width: 50%;
        color: #ffffff;
        height: 2rem;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    
    .footer_service .foot a:nth-child(1) {
        background-color: #e50150;
    }
    
    .footer_service .foot a:nth-child(2) {
        background-color: #ffa801;
    }
    
    .footer_service .foot:last-child {
        border-right: none;
    }
    
    .footer_service .foot a h3 {
        width: 100%;
        text-align: center;
        font-size: 1rem;
        float: left;
        height: 2rem;
        margin: 0;
        line-height: 32px;
        display: block;
    }
    /*�ͻ�����ҳ��*/
    
    .allline>.container>.col-12>.col-s-4>div {
        width: 90%;
        color: black;
    }
    
    .allline>.container>.col-12>.col-s-8 {
        width: 60%;
        box-sizing: border-box;
        position: relative;
        min-height: 1px;
        float: left;
    }

    
    .container .col-12 .col-s-4:nth-child(1)>div>p {
        width: 60px;
        border-bottom: 5px solid #e4104f;
    }
    
    .container .col-12 .col-s-8 .ntype ol {
        padding: 0;
    }
    
    .container .col-12 .col-s-8 .ntype ol li {
        width: 50%;
        float: left;
    }
    
    .container .col-12 .col-s-8 .ntype1 ul li:before {
        content: "·";
        font-size: 40px;
        position: relative;
        color: #e5004f;
        top: 7px;
        line-height: 28px;
    }
    
    .container .col-12:nth-child(2) .col-s-4>div>strong {
        font-size: 21px;
    }
    
    .container .col-12:nth-child(8) .col-s-4>div>strong,
    .container .col-12:nth-child(9) .col-s-4>div>strong,
    .container .col-12:nth-child(14) .col-s-4>div>strong {
        font-size: 18px;
    }
    /******��ױƷ*****/
    
    .hzpanli {
        width: 1010px;
        margin: 0 auto;
        overflow: hidden;
    }
    
    .hzpanli .anliimg {
        width: 33.33333333%;
        max-width: 100%;
        float: left;
    }
    
    .hzpanli img {
        width: 100%;
        max-width: 100%;
        height: auto;
        float: left;
    }
    
    .hzptitle {
        width: 1010px;
        margin: 0 auto;
    }
    
    .hzpwenzi {
        width: 50%;
        height: 120px;
        float: left;
        font-size: 1em;
        color: #666;
        text-decoration: none;
        line-height: 1.4em;
    }
    
    .hzpwenzi h2 {
        font-size: 1.3em;
        color: #e4104f;
        text-decoration: none;
    }
    
    #wenzi-vi {
        max-width: 1010px;
        margin: 0 auto;
    }

    
    .bran {
        overflow: hidden;
        margin: 0 2.25%;
        width: 95.5%;
    }
    
    .bran h2 {
        text-align: center;
        font-size: 1.2em;
        margin-top: 0;
        height: auto;
    }
    
    .bran>h2>i {
        width: 40px;
        height: 2px;
        display: block;
        margin: 5px auto;
        background-color: #e51b4d;
    }
    
    .bran>p {
        color: #919191;
        font-size: 0.8em;
        font-weight: 100;
        text-align: center;
        margin-bottom: 0;
    }
    /*��ҳ��������ʲô*/
    
    .Home {
        max-width: 100%;
        margin: 0 auto;
        overflow: hidden;
        background-color: #fff;
    }
    

    /*������������ʲô*/
    
    .qhd-content .column {
        width: 100%;
    }
    /*�ֻ�����������ʲô*/
    
    .service2 {
        margin: 0 2.25%;
        position: relative;
    }
    

    
    .box {
        background: #ccc;
        width: 100%;
        height: auto;
    }
    
    .main {
        background: #fff;
        max-width: 900px;
        height: 570px;
        position: relative;
        margin: 5px auto;
    }
    
    .ul-left {
        position: absolute;
        width: 29.6%;
        float: left;
        margin-left: 2%;
    }
    
    .ul-left li {
        font-size: 15px;
        border-bottom-style: solid;
        border-width: 2px;
        width: 100%;
        height: 30px;
        background: #fff;
        list-style: none;
        line-height: 30px;
        text-align: left !important;
    }
    
    .ul-right {
        position: absolute;
        width: 29.6%;
        left: 68.8%;
    }
    
    .ul-right li {
        text-align: right;
        font-size: 15px;
        border-bottom-style: solid;
        border-width: 2px;
        width: 100%;
        height: 30px;
        background: #fff;
        list-style: none;
        line-height: 30px;
        text-align: right !important;
    }
    
    .div-middle {
        position: absolute;
        left: 40%;
        width: 20%;
        text-align: center;
    }
    
    .div-middle div {
        height: 32px;
        padding: auto;
    }
    
    .div-middle div:nth-child(2n-1) {
        background: #ff6600;
        height: 30px;
        text-align: center;
        color: #fff;
        font-size: 20px;
        border-radius: 5px;
    }
    
    .div-middle div:nth-child(2n) {
        font-size: 35px;
        color: #ff6600;
        font-family: SimSun;
        text-align: center;
        line-height: 36px;
        transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        filter: progid: DXImageTransform.Microsoft.BasicImage(Rotation=2);
    }
    
    .div-middle div:nth-child(1) {
        margin-top: 31px;
    }
    
    .div-middle div:nth-child(2) {
        margin-top: -1px;
    }
    
    .div-middle div:nth-child(3) {
        margin-top: -1px;
    }
    
    .div-middle div:nth-child(4) {
        margin-top: -1px;
    }
    
    .div-middle div:nth-child(5) {
        margin-top: -1px;
    }
    
    .div-middle div:nth-child(6) {
        margin-top: 23px;
    }
    
    .div-middle div:nth-child(7) {
        margin-top: 23px;
    }
    
    .div-middle div:nth-child(8) {
        margin-top: 35px;
    }
    
    .div-middle div:nth-child(9) {
        margin-top: 35px;
    }
    
    .div-middle div:nth-child(10) {
        margin-top: 22px;
    }
    
    .div-middle div:nth-child(11) {
        margin-top: 22px;
    }
    
    .div-middle div:nth-child(12) {
        margin-top: 10px;
    }
    
    .main li:nth-child(1) {
        border-color: #d18244;
    }
    
    .main li:nth-child(2) {
        border-color: #d18244;
    }
    
    .main li:nth-child(3) {
        border-color: #1e78c1;
    }
    
    .main li:nth-child(4) {
        border-color: #1e78c1;
    }
    
    .main li:nth-child(5) {
        border-color: #b63052;
    }
    
    .main li:nth-child(6) {
        border-color: #b63052;
    }
    
    .main li:nth-child(7) {
        border-color: #d69a5b;
    }
    
    .main li:nth-child(8) {
        border-color: #d69a5b;
    }
    
    .main li:nth-child(9) {
        border-color: #d69a5b;
    }
    
    .main li:nth-child(10) {
        border-color: #d69a5b;
    }
    
    .main li:nth-child(11) {
        border-color: #d69a5b;
    }
    
    .main li:nth-child(12) {
        border-color: #4677a9;
    }
    
    .main li:nth-child(13) {
        border-color: #4677a9;
    }
    
    .main li:nth-child(14) {
        border-color: #4677a9;
    }
    
    .main li:nth-child(15) {
        border-color: #4677a9;
    }
    
    .main li:nth-child(16) {
        border-color: #a73750;
    }
    
    .main li:nth-child(17) {
        border-color: #a73750;
    }
    
    .main li:nth-child(18) {
        border-color: #a73750;
    }
    
    .circular {
        position: absolute;
        width: 100%;
    }
    
    .left-y1 {
        position: absolute;
        top: 30px;
        left: 22%;
        width: 18%;
        height: 28px;
        border-radius: 50%;
        background-color: #fff;
        border-style: solid;
        border-width: 1px;
        border-color: #d18244;
    }
    
    .left-y2 {
        position: absolute;
        top: 90px;
        left: 22%;
        width: 18%;
        height: 28px;
        border-radius: 50%;
        background-color: #fff;
        border-style: solid;
        border-width: 1px;
        border-color: #1e78c1;
    }
    
    .left-y3 {
        position: absolute;
        top: 150px;
        left: 22%;
        width: 18%;
        height: 28px;
        border-radius: 50%;
        background-color: #fff;
        border-style: solid;
        border-width: 1px;
        border-color: #b63052;
    }
    
    .left-y4 {
        position: absolute;
        top: 210px;
        left: 22%;
        width: 18%;
        height: 118px;
        border-radius: 50%;
        background-color: #fff;
        border-style: solid;
        border-width: 1px;
        border-color: #d69a5b;
    }
    
    .left-y5 {
        position: absolute;
        top: 240px;
        left: 22%;
        width: 18%;
        height: 58px;
        border-radius: 50%;
        background-color: #fff;
        border-style: solid;
        border-width: 1px;
        border-color: #d69a5b;
    }
    
    .left-y6 {
        position: absolute;
        top: 270px;
        left: 22%;
        width: 18%;
        height: 1px;
        background-color: #fff;
        border-top-style: solid;
        border-width: 1px;
        border-color: #d69a5b;
    }
    
    .left-y7 {
        position: absolute;
        top: 360px;
        left: 22%;
        width: 18%;
        height: 88px;
        border-radius: 50%;
        background-color: #fff;
        border-style: solid;
        border-width: 1px;
        border-color: #4677a9;
    }
    
    .left-y8 {
        position: absolute;
        top: 390px;
        left: 22%;
        width: 18%;
        height: 28px;
        border-radius: 50%;
        background-color: #fff;
        border-style: solid;
        border-width: 1px;
        border-color: #4677a9;
    }
    
    .left-y9 {
        position: absolute;
        top: 480px;
        left: 22%;
        width: 18%;
        height: 58px;
        border-radius: 50%;
        background-color: #fff;
        border-style: solid;
        border-width: 1px;
        border-color: #a73750;
    }
    
    .left-y10 {
        position: absolute;
        top: 510px;
        left: 22%;
        width: 18%;
        height: 1px;
        background-color: #fff;
        border-top-style: solid;
        border-width: 1px;
        border-color: #a73750;
    }
    
    .right-y1 {
        position: absolute;
        top: 30px;
        right: 22%;
        width: 18%;
        height: 28px;
        border-radius: 50%;
        background-color: #fff;
        border-style: solid;
        border-width: 1px;
        border-color: #d18244;
    }
    
    .right-y2 {
        position: absolute;
        top: 90px;
        right: 22%;
        width: 18%;
        height: 28px;
        border-radius: 50%;
        background-color: #fff;
        border-style: solid;
        border-width: 1px;
        border-color: #1e78c1;
    }
    
    .right-y3 {
        position: absolute;
        top: 150px;
        right: 22%;
        width: 18%;
        height: 28px;
        border-radius: 50%;
        background-color: #fff;
        border-style: solid;
        border-width: 1px;
        border-color: #b63052;
    }
    
    .right-y4 {
        position: absolute;
        top: 210px;
        right: 22%;
        width: 18%;
        height: 118px;
        border-radius: 50%;
        background-color: #fff;
        border-style: solid;
        border-width: 1px;
        border-color: #d69a5b;
    }
    
    .right-y5 {
        position: absolute;
        top: 240px;
        right: 22%;
        width: 18%;
        height: 58px;
        border-radius: 50%;
        background-color: #fff;
        border-style: solid;
        border-width: 1px;
        border-color: #d69a5b;
    }
    
    .right-y6 {
        position: absolute;
        top: 270px;
        right: 22%;
        width: 18%;
        height: 1px;
        background-color: #fff;
        border-top-style: solid;
        border-width: 1px;
        border-color: #d69a5b;
    }
    
    .right-y7 {
        position: absolute;
        top: 360px;
        right: 22%;
        width: 18%;
        height: 88px;
        border-radius: 50%;
        background-color: #fff;
        border-style: solid;
        border-width: 1px;
        border-color: #4677a9;
    }
    
    .right-y8 {
        position: absolute;
        top: 390px;
        right: 22%;
        width: 18%;
        height: 28px;
        border-radius: 50%;
        background-color: #fff;
        border-style: solid;
        border-width: 1px;
        border-color: #4677a9;
    }
    
    .right-y9 {
        position: absolute;
        top: 480px;
        right: 22%;
        width: 18%;
        height: 58px;
        border-radius: 50%;
        background-color: #fff;
        border-style: solid;
        border-width: 1px;
        border-color: #a73750;
    }
    
    .right-y10 {
        position: absolute;
        top: 510px;
        right: 22%;
        width: 18%;
        height: 1px;
        background-color: #fff;
        border-top-style: solid;
        border-width: 1px;
        border-color: #a73750;
    }
    
    .qhd-content .column .col-4-1:nth-child(3),
    .qhd-content .column .col-4-1:nth-child(4),
    .qhd-content .column .col-4-1:nth-child(5),
    .qhd-content .column .col-4-1:nth-child(6) {
        background-color: #d6d6d6;
    }
    
    .qhd-content .column .col-4-1 {
        margin-right: 1%;
        float: left;
        min-height: 1px;
        height: 252px;
        _height: 1px;
        background-color: #d3d3d3;
    }
    
    .qhd-content .column .col-4-1:nth-child(1),
    .qhd-content .column .col-4-1:nth-child(2),
    .qhd-content .column .col-4-1:nth-child(3) {
        width: 12%;
    }
    
    .qhd-content .column .col-4-1:nth-child(4) {
        width: 25%;
    }
    
    .qhd-content .column .col-4-1:nth-child(5) {
        width: 18%;
    }
    
    .qhd-content .column .col-4-1:nth-child(6) {
        width: 16%;
    }
    
    .qhd-content .column .col-4-1:nth-child(4) ul:nth-child(2) li {
        text-align: left;
        margin-left: 19px;
    }
    
    .qhd-content .column .col-4-1:nth-child(5) ul li {
        text-align: left;
        margin-left: 13px;
    }
    
    .classification p:nth-child(1) {
        padding: 1em;
        font-size: 18px;
        position: relative;
        text-align: center;
        border-bottom: 1px solid #e6e6e6;
    }
    
    .classification p:nth-child(1) i:nth-child(1) {
        width: 0;
        height: 0;
        position: absolute;
        left: 0;
        top: 25px;
        border-top: 10px solid transparent;
        border-left: 10px solid #fff;
        border-bottom: 10px solid transparent;
    }
    
    .classification p:nth-child(1) i:nth-child(3) {
        width: 0;
        height: 0;
        position: absolute;
        right: -10px;
        top: 25px;
        border-top: 10px solid transparent;
        border-left: 10px solid #d6d6d6;
        border-bottom: 10px solid transparent;
    }
    
    .qhd-content p {
        line-height: 1.8;
        margin-bottom: 15px;
    }
    
    .qhd-content ul {
        line-height: 1.8;
    }
    
    .qhd-content ul li {
        text-align: center;
        padding-top: 2px;
        padding-bottom: 2px;
    }
    
    .qhd-content ul li h6 {
        font-size: 1em;
		line-height:26px;
        margin: 0;
        font-weight: 400;
        color: #666666;
    }
    
    .qhd-content .column .last {
        margin-right: 0;
    }
    /*����logoҳ��*/
    
    .container .content {}
    
    .container .title-advantage {
        color: #444;
        font-size: 24px;
        text-align: center;
        font-family: 'Noto Sans S Chinese Light', 'NotoSansHans-Light', '΢���ź�';
    }
    
    .container .info {
        color: #444;
        font-size: 1.1em;
        text-align: center;
        line-height: 30px;
        margin: 0px auto;
    }
    
    .container .info>a>span {
        color: #e50150;
    }
    /*��ҳ����*/
    
    .shuzi {
        overflow: hidden;
        height: 300px;
        width: 1010px;
        margin: 0 auto;
    }
    
    .shuzi ul {
        overflow: hidden;
        margin-top: 20px;
    }
    
    .shuzi li {
        float: left;
        width: 308px;
        margin: 0 14px;
        position: relative;
        text-align: center;
        *padding-top: 20px
    }
    
    .shuzi em {
        display: block;
        width: 11px;
        height: 11px;
        background: url(../images/shuzi_yuan.png) no-repeat center;
        position: absolute;
        top: 143px;
    }
    
    .shuzi .em01 {
        left: 0
    }
    
    .shuzi .em02 {
        right: 1px
    }
    
    .shuzi span {
        display: block;
        width: 297px;
        height: 145px;
        background: url(../images/shuzi_xian.png) no-repeat left top;
        position: absolute;
        left: 5px;
        top: 0;
    }
    
    .shuzi .shuzi01 {
        width: 125px;
        height: 125px;
        overflow: hidden;
        margin: 0 auto;
        margin-top: 37px;
    }
    
    .shuzi .shuzi02 {
        max-width: 220px;
        height: 125px;
        overflow: hidden;
        margin: 0 auto;
        margin-top: 37px;
    }
    
    .shuzi .shuzi03 {
        max-width: 220px;
        height: 125px;
        overflow: hidden;
        margin: 0 auto;
        margin-top: 37px;
    }
    
    .shuzi b {
        display: block;
        width: 100%;
        overflow: hidden;
    }
    
    .shuzi b i {
        font-size: 90px;
        display: block;
        width: 100%;
        height: 125px;
        line-height: 125px;
        font-style: normal;
        text-align: center;
    }
    
    .shuzi ul li:nth-child(1) b i {
        color: #e50150;
    }
    
    .shuzi ul li:nth-child(2) b i {
        color: #e50150;
    }
    
    .shuzi ul li:nth-child(3) b i {
        color: #e50150;
    }
    
    .shuzi p {
        font-size: 0.9em;
        line-height: 22px;
        color: #333;
    }
    
    .hzpanli .anliimg {
        position: relative;
    }
    
    .content-box {
        position: absolute;
        left: 0px;
        top: -100%;
        width: 100%;
        height: 100%;
        text-align: center;
        opacity: 0;
        background: rgba(229, 2, 81, 0.8);
        transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
    }
    
    .content-box a {
        color: rgba(255, 255, 255, 0.90);
        position: absolute;
        left: 0px;
        top: 0px;
        display: table;
        width: 100%;
        height: 100%;
        vertical-align: middle;
    }
    
    .content-box a:hover {
        color: rgba(255, 255, 255, 1);
    }
    
    .content-box a div {
        padding: 0 3em;
        position: relative;
        display: table-cell;
        vertical-align: middle;
    }
    /* 2018-10--modify */
    
    .sinlecaseleft .wublicg {
        border-bottom: 1px solid #cccccc;
        padding-top: 10px;
        display: block;
        padding-left: 0px;
        padding-bottom: 10px;
    }
    .sinlecaseleft h2{
        text-align: center;
    }
    
    .sinlecaseleft .wublicg .public-img {
        width: 50%;
        margin: 1.1em auto;
        display: block;
    }
    #headnavbar{
    background-image: url(https://www.mroyal.cn/pic/touming.png);z-index: 90000;border-bottom:1px solid #f0f0f0;
    }
    #headnavbar .container .navmenu ul li:nth-child(2) {
        position: relative;
    }
    
    #headnavbar .container .navmenu ul li:nth-child(2) div {
        position: absolute;
        z-index: 1;
        left: 0;
        top: 30px;
        overflow: hidden;
        height: 0;
        width: 150%;
        transition: height 1s;
        -moz-transition: height 1s;
        -webkit-transition: height 1s;
    }
    
    #headnavbar .container .navmenu ul li:nth-child(2) div a {
        height: 32px;
        line-height: 32px;
        background-color: rgba(221, 221, 211, 0.8);
        color: #000;
        text-align: center;
        font-size: 0.9em;
        border-bottom: 1px solid #a9a7a7;
    }
    
    #headnavbar .container .navmenu ul li:nth-child(2) div a:hover {
        background-color: rgba(229, 2, 81, 0.8);
        text-decoration: none;
    }
    
    #headnavbar .container .navmenu ul li:nth-child(2):hover div {
        height: 420px;
    }
    
/*    .newbrandlatelist a:nth-last-child(1) {
        display: none;
    }
    
    .newbrandlatelist a:nth-last-child(2) {
        display: none;
    }
    
    .newbrandlatelist a:nth-last-child(3) {
        display: none;
    }
    
    .newbrandlatelist a:nth-last-child(4) {
        display: none;
    }
    
    .newbrandlatelist a:nth-last-child(5) {
        display: none;
    }*/
    
    .nb-icon-group {
        display: none !important;
    }
    
    .fixed-right {
        position: fixed;
        right: 0px;
        bottom: 250px;
        margin-top: 0px;
        background: rgb(229, 0, 79);
        color: #fff;
        width: 80px;
        border: 1px solid #fff;
        z-index: 99;
    }
    
    .fixed-right .online-consulting:hover {
        background: #666;
    }
    
    .fixed-right .online-header {
        border-bottom: 1px solid #fff;
        text-align: center;
        font-size: 12px;
        padding-top: 5px;
        padding-bottom: 10px;
        color: #fff;
    }
    
    .fixed-right .online-consulting {
        border-bottom: 1px solid #fff;
        height: 53px;
    }
    
    .fixed-right a .online-consulting {
        color: #fff;
        text-align: center;
    }
    
    .fixed-right a .online-consulting img {
        margin-left: 14px;
    }
    
    .fixed-right a .online-consulting div {
        display: inline;
        line-height: 53px;
        font-size: 12px;
        font-weight: 400;
        position: relative;
        top: -3px;
        margin-left: -3px;
    }
    
    .fixed-right .online-code img {
        margin: 9px auto;
        display: block;
        margin-bottom: 5px;
        width: 80%;
    }
    
    .fixed-right .online-code div {
        text-align: center;
        font-size: 12px;
        margin-bottom: 3px;
        margin-bottom: 4px;
    }

    
    .footer-navigation ul {
        margin-bottom: 10px;
        clear: both;
        border-bottom: 1px solid #666666;
        padding-bottom: 10px;
    }
    
    .footer-navigation ul li {
        color: #fff;
        width: 12.5%;
        float: left;
    }
    
    .footer-navigation ul li a {
        width: 100%;
    }
    
    .footer-navigation ul .footer-navigation-a {
        text-align: center;
        width: 100%;
        display: block;
    }
    
    .footer-navigation ul .footer-navigation-a:hover {
        background: #888888;
        color: #fff
    }
    
    .footer-navigation ul li a {
        color: #bbbbbb;
    }
    
    .friendship-link {
        border-top: 1px solid #666666;
        margin-top: 10px;
        padding-top: 10px;
    }
    
    .friendship-link-left {
        width: 10%;
        color: #888888;
        font-size: 0.9em;
        float: left;
    }
    
    .friendship-link-right {
        width: 90%;
        font-size: 0.9em;
        float: left;
    }
    
    .friendship-link-right a {
        color: #888888;
        margin-left: 20px;
    }
    
    .footer>.container>div:nth-child(1) .indexabout .content span {
        line-height: 1.4em !important;
    }
    

    
    .ndcontent .ke-zeroborder-phone {
        display: none;
    }
    


    .case_h .industorycatelist a {
        width: 11.11111%;
    }
    .clearbg{
        background: #fff !important;
    }

    *{
        color:inherit;
        list-style: none;
        text-decoration: none;
        padding:0;
        margin:0
    }
    .ppny{
        max-width:1010px;
        margin:auto;
        padding:0 1%;
        background:#E6E6E6;
    }
    .ppny_title{
        display:flex;
        justify-content: start;
        line-height:98px;
    }
    .ppny_title img{
        height:20px;
        margin:37px 0 0 5px;
    }
    .ppny_con{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    .ppny_con li{
        width:48%;
        height:86px;
        margin-bottom:10px;
    }
    .ppny_con li a{
        display: block;
        width:100%;
        height:100%;
        overflow:hidden
    }
    .ppny_con_left{
        width:25%;
        height:100%;
        float:left;
    }
    .ppny_con_left img{
        width:100%;
        height:100%;
    }
    .ppny_con_right{
        width: 72%;
        float:right;
    }
    .ppny_con_right div:nth-child(1){
        #fff-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color:#666666;
        padding-bottom:7px
    }
    .ppny_con_right div:nth-child(2){
        overflow:hidden;
        display:-webkit-box;/*转成老版本的弹性盒子*/
        -webkit-line-clamp:2;/*在哪一行显示省略号*/
        -webkit-box-orient: vertical;/*设置方向 垂直方向生*/
        color:#666666;
        font-size:12px
    }
    .ppny_more{
        text-align: center;
        font-size: 20px;
        padding: 22px;
    }
    .ppny_more a{
        color:#E50251 ;
    }


    .abo_qafu_out{
        background: #F5F5F5;

    }
    .abo_qafu{
        max-width:1010px;
        margin:0 auto;
        position: relative;
        padding:40px 0;
        text-align: center;
        color:#808080
    }
    .abo_qafu_item{
        width:100%;
        overflow: hidden;
    }
    .abo_qafu_slide{
        margin: 15px 0;
        transform: translateY(0px);
        transition: all 0.5s;
        width:25%;
        box-sizing: border-box;
        padding:0 3%;
        float:left;
    }
    .abo_qafu_slide_img img{
        width:100%;
    }
    .abo_qafu_slide p{
        font-size: 12px;
        #fff-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .abo_qafu_slide:hover{
        transform: translateY(-10px);
        color:#DE004D;
    }


    .abo_team_out{
        position: relative;

    }
    .abo_team{
        max-width:1010px;
        margin:0 auto;
        font-size: 12px;
        color:#808080;
        padding:40px 0;
    }
    .abo_team_item{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .abo_team_slider{
        width:23%;
        margin-bottom:33px;
        background: rgba(211, 211, 211, 0.64);
    }
    .abo_team_slider_con{
        padding:6px 6px 10px;
    }
    .abo_team_slider_line1{
        padding:5px 0;
        font-size:15px;
    }
    .abo_team_slider_line1 span:nth-child(1){
        margin-right:8%;
        font-size: 19px;
    }
    .abo_team_slider_line2{
        font-size:15px;
    }
    .abo_team_slider_line3{
        padding-top: 3%;
       /* text-indent: 24px;*/
        text-align: justify;
    }
    .abo_team_other{
        overflow:hidden;
    }
    .abo_team_other_ch{
        float:left;
        box-sizing: border-box;
        padding:10px;
        width:16.66%;
    }
    .abo_conus{
        background: #fff;
        text-align: center;
        padding:40px 0;
        font-size: 18px;
    }
    .abo_conus p:nth-child(2){
        color:#DE004D;
        font-weight: bold;
        margin-top: 5px;
    }


    /*官网seo优化，行内样式迁移*/
    /*首页*/
    .clear_box{
        clear:both;
    }
    .mkbg1{
        background: #F0F0F0;
    }
    .index_2{
        padding-top: 20px;
    }
    .index_span{
        font-size: 14px !important;
    }
    .index_3 .logoimg h2{
        font-size: 1.2em;padding-top:42px
    }
    .index_3 .logoimg p{
        font-size: 1em
    }
    .index_3 .qhd-content{
        max-width:1100px;margin:0 auto
    }
    .index_3 .service2{
        display: none
    }
    /* .index_3_1{
          border-left: 10px solid #d3d3d3;
         background: #d3d3d3 !important;
     }*/
    .index_3_2{
        float: left; width: 50%
    }
    .index_3_3{
        color: #666; text-align: center;display: block;clear: both;
		margin-top:30px;
		padding:20px 0;
		line-height:180%;
		font-size:1.8rem;
    }
    .index_3 .Home2{
        display:none
    }
    .index_4{
        width: 100%; background-color: #f0f0f0; margin-top: 1%
    }
    .index_4 .allline{
        padding: 5px 0 10px
    }
    .index_4 .allline .logoimg{
        color: #666;font-size:1.2em
    }
    .index_4 .allline p{
        font-size: 14px;
    }
    .index_5{
        text-align: center;padding-bottom:20px;background-color: #f0f0f0;
    }
    .index_6 .logoimg{
        color: #666;font-size:1.2em;
    }
    .index_6 .info span{
        color: #E50251
    }
    .client .logoimg{
        font-size: 1.2em;
    }
    .client .logoimg p{
        font-size: 14px
    }
    .index_7{
        background: url(https://www.mroyal.cn/images/casebigbg.jpg) no-repeat fixed center top / cover #ffffff;
    }
    .index_7 .logoimg{
        color: #fff;font-size:1.2em;
    }
    .index_7 .allline:nth-child(2){
        padding-bottom:30px
    }
    .index_7 .news .item {
        background: #fff;
    }
    .item_img{
        overflow: hidden;
    }
    .index_8{
        text-align: center;padding-bottom:20px
    }
    .index_8 a{
        color: #fff
    }
    .index_9{
        padding:30px 0;background-color:#262626;
        position: relative;
        z-index: 11;
    }
    .index_9_1{
        font-size:0.9em;line-height:2em;text-align:justify
    }
    .index_9_2{
        padding-top:15px;padding-bottom:15px;background-color:#333333;color:#999999;
        position: relative;
        z-index: 11;
    }
    .index_9_2 .anniu{
        display: none
    }
    .col-4-1 .classification{
        background: #d3d3d3 !important;
    }
    .index_banner_out{
        position: relative;
        width:100%;
        height:500px;
        background: #7c7c7c;
    }
    .index_bannder{
        width:100%;
        height:500px;
        color:#fff;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: absolute;
        left:0;top:0;
        opacity: 0;
        transition: all 1.5s;
    }
    .index_bannder_active{
        opacity: 1;
    }
    .index_bannder_p1{
        font-size:30px;
        margin-bottom: 3px;
        letter-spacing:3px;
    }
    .index_bannder_p2{
        font-size:48px;
        letter-spacing: 6px;
        font-weight: bold;

    }
    .index_bannder_p2_wz{
        position: relative;
        box-sizing: border-box;
        padding:0 30px;
    }
    .z_h{
        position: absolute;
        left: 0;
        top: 16%;
        height: 47px;
        width: 26px;
        border: 4px solid #E50251;
    }
    .z_h::before{
        content: "";
        position: absolute;
        background: #7c7c7c;
        border-top: 4px solid #E50251;
        border-left: 4px solid #E50251;
        width: 19px;
        height: 40px;
        left: 3px;
        top: 3px;
    }
    .y_h{
        position: absolute;
        right: 0;
        top: 16%;
        height: 47px;
        width: 26px;
        border: 4px solid #E50251;
    }
    .y_h::before{
        content: "";
        position: absolute;
        background: #7c7c7c;
        border-bottom: 4px solid #E50251;
        border-right: 4px solid #E50251;
        width: 19px;
        height: 40px;
        right: 3px;
        bottom:3px;
    }

    .index_bannder_p3{
        font-size:21px;
    }
    .index_banner_items_out{
        width:100%;
    }
    .index_banner_items{
        max-width: 561px;
        /* border: 1px solid red; */
        margin: 27px auto;
        display: flex;
        justify-content: space-between;
    }
    .index_banner_items2{
        margin: 27px auto;
        max-width: 730px;
        padding: 0 15px;
        font-size: 22px;
        line-height: 40px;
    }


    .index_banner_item p:nth-child(1){
        font-size:54px;
        font-weight: bold;
        letter-spacing: 5px;
    }
    .index_banner_item p:nth-child(2){
        letter-spacing: 2px;
        font-size: 12px;
        line-height: 22px;
        margin-top: 3px;
    }


    .client_con{
        margin-top:20px;
        display: flex;
        flex-wrap: wrap;
    }
    .client_con_item{
        position: relative;
        top:0;
        transition: all 0.3s;
        width:16.6667%;
    }
    .client_con_item_bg{
        position: absolute;
        top:0;
        left:0;
        opacity: 0;
        width:100%;
        height:100%;
        background: rgba(0, 0, 0, 0.34);
        transition: all 0.3s;
    }
/*    .client_con_item:hover{
        top:-2px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.34);
    }
    .client_con_item:hover .client_con_item_bg{
        opacity: 1;
    }*/

    /*案例列表页*/
    .caseClass_1{
        background-color:#F0F0F0;padding:5px 0;
    }
    .caseClass_2{
        display:none !important
    }
    .caseClass_3{
        background:#F0F0F0
    }
    .caseClass_3 div{
        text-align:center;
    }
    .caseClass_4{
        background-color:#f0f0f0;padding:5px 0;
    }
    .caseClass_5{
        padding:10px 0 20px 0;
    }
    .caseClass_6{
        font-size:1.1em;
    }
    .ifs{
        display:none
    }
    .bgth{
        padding:20px 0;
    }
    .newstitle span:nth-child(1){
        font-size:1.3em;padding-left:18px;color: #666;font-style: normal;
    }
    .newstitle span:nth-child(2){
        color: #E50251; font-size: 1.3em; font-style: italic;
    }
    .case_2{
        background-color:#F0F0F0;padding:2px 0
    }
    .case_3{
        padding: 6px 0; background-color: #F0F0F0;
        position: relative;
        z-index:11;
    }
    .case_4{
        color:#666;padding:20px 0;text-align:center;font-size:16px;
    }
    .case_5{
        padding:2px
    }
    .case_5 p{
        color:#666;padding:10px 0 15px 0;text-align:center;font-size:12px;
    }
    .scrollleft {
        transition: all 0s linear;
        -moz-transition: all 0s linear;
        -webkit-transition: all 0s linear;
        -o-transition: all 0s linear;
        z-index: 100;
    }
    .scrollleftscroll {
        position: fixed;
        width: 252.5px;
        top: 0;
        height: 100%;
    }
    .serg_1{
        padding-bottom: 40px;
    }
    .serg_2{
        width: 100%; background-color: #f0f0f0;padding-bottom: 40px
    }
    .serg_2 .allline{
        padding: 5px 0 10px;
    }
    .serg_2 .logoimg{
        color: #666;font-size:1.2em;
    }
    .serg_2 .logoimg p{
        font-size: 14px;
    }
    .serg_3{
        background: #f0f0f0;
    }
    .serg_3 .main{
        background: #f0f0f0;
    }
    .serg_3 .main .ul_left ul li{
        background: #f0f0f0 !important;
    }
   .serg_3 .classification p:nth-child(1) i:nth-child(1){
       border-left: 10px solid #f0f0f0;
   }
    .serg_3 .box div div ul li{
        background: #f0f0f0;
    }
    .serg_3 .main .circular div{
        background:#f0f0f0;
    }
    .aboutus_1{
        height:0; width:100% !important;
    }
    .aboutus_1 .stick-up{
        background-color: #F5F5F5;
    }
    .aboutus_1 .container{
        box-sizing:border-box;padding: 0 1%;
    }
    .aboutus_2 .allline{
        padding: 5px 0 10px;
    }
    .aboutus_2 .logoimg{
        color: #666;font-size:1.4em;
    }
    .aboutus_2 .logoimg p{
        font-size: 14px;
    }
    .recruit_1{
        background-color: #FFFFFF;
    }
    .recruit_1 .titlec{
        color: #666;text-align:left;line-height:50px;font-size:16px;
    }
    .recruit_2{
        background-color: #F3F3F3;
    }
    .recruit_3{
        background-color: #FFFFFF;
    }
    .recruit_4{
        padding: 30px 0; border-top: 1px solid #cccccc;
    }
    .recruit_5{
        font-size: 1.4em;
    }
    .recruit_5 div{
        padding-left:10px;
    }
    .recruit_6{
        padding-right:6px;
    }

    .contact_1{
        background-color:#F0F0F0;
    }
    .contact_2{
        color: #666;text-align:left;line-height:50px;font-size:16px;
    }
    .contact_3{
        color:#666666;
    }
    .contact_4{
        color:#E53333;
    }
    .r_case{
        margin-top: 10px;
        margin-bottom: 17px;
    }
    .r_case h3{
      text-align: center;
    }
    .r_case_item_out{
        text-align: center;
        background: #fff;
        margin-top: 14px;
    }
    .r_case_item_out img{
        width:100%;
    }
    .r_case_item_out p{
        line-height:28px;
        font-size: 14px;
        #fff-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .brandleft_a{
        display: flex;
        justify-content: center;
        flex-wrap: nowrap;
    }
    .brandleft_a img{
        height:16px;
        margin-right: 12px;
    }
    .brandleft_a>span{
        line-height: 6px !important;
        color:#666666;
    }
    .brandleft_a>span span{
        color:#E53333;
    }
    .newsd_1{
        background-color:#F0F0F0;padding:10px 0;
    }
    .newsd_2{
        color: #666;text-align:left;line-height:50px;font-size:16px;
    }
    .newsd_3{
        margin-bottom: 10px;
    }
    .newsd_3 .case_g{
        background: #fff;
        border: 1px solid lightgrey;
    }
    .newscase{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
   .newscase_item{
       width:24%;
   }
    .newscase_item_img{
        width:100%;
        overflow: hidden;
    }
    .newscase_item h4{
        #fff-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .newscase_out h3{
        text-align: center;
        border-top:1px solid lightgrey;
        padding:15px 0;
    }
    .news{
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }
    .item{
        width: 23.5%;
        margin-bottom: 15px;
        position: relative;
    }
    .kgz{
        height:40px;
    }
    .news .item .datemore{
        position: absolute;
        width: 100%;
        left:0;
        bottom: 0;
    }
    .news .item .item_con h3{
        display:-webkit-box;/*转成老版本的弹性盒子*/
        -webkit-line-clamp:2;/*在哪一行显示省略号*/
        -webkit-box-orient: vertical;/*设置方向 垂直方向生*/
        overflow:hidden
    }
    .kgz{
        height:24px;
    }
    .catering1_out{
    }
    .catering1{
        max-width: 1010px;
        margin:30px auto;
    }
    .catering2{
        max-width: 1010px;
        margin:30px auto;
    }
    .catering1 h3, .catering2 h3{
        color:#E53333;
        font-weight: bold;
        text-align: center;
        font-size: 23px;
    }
    .catering1 ul{
        margin:40px 0 20px;
        overflow: hidden;
    }
    .catering1 ul li{
        width:30%;
        float:left;
        margin:0 1.667% 20px;
        height: 195px;
        overflow:hidden;
        padding:15px;
        position: relative;
        background: #fff;
        border:1px solid #f3f3f3;
        box-shadow: 2px 3px 5px #f3f3f3;
    }
    .catering1 ul li h4{
        color:#E53333;
        margin-bottom: 10px;
        margin-top: 0;
        position: relative;
        z-index: 1;
        font-size: 21px;
    }
    .catering1 ul li p{
        font-size: 12px;
        color: #6e6e6e;
        line-height: 20px;
        position: relative;
        z-index: 1;
        margin-top: 12px;
    }
    .catering1_bg{
        position: absolute;
        right:3%;top:3%;
        height:80px;
        width: 80px;
        z-index:0
    }
    .catering2_out{
        background: #f0f0f0;
        padding: 20px 0;
    }
    .catering2{
        text-align: center;
    }
    .catering2 ul{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        text-align: center;
        margin: 40px 0 20px;
    }

    .catering2 ul li{
        width: 49%;
        position: relative;
        margin-bottom: 20px;
    }
    .catering2 ul li a img{
        display: block;
        width: 100%;
    }
    .catering2 ul li p{
        background: rgba(0, 0, 0, 0.58);
        color: #fff;
        position: absolute;
        bottom: 0;left:0;
        width: 100%;
        padding:8px 7px;
    }



    .catering_banner_out{
        height: 500px;
        position: relative;
    }
    .catering_banner{
        width:100%;
        height: 100%;
        position: absolute;
        left:0;
        top: 0;
        opacity: 0;
        transition: all 0.5s;
    }
    .catering_banner_out img{
        width:100%;
        height: 100%;
        position: absolute;
        left:0;
        top: 0;
    }
    .catering_banner_con{
        position: absolute;
        width: 100%;height: 100%;
        text-align: center;
        color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .catering_banner_con p{
        padding:5px;
    }
    .catering_banner_active{
        opacity: 1;
    }
    .catering_p1{
        font-size: 40px;
    }
    .catering_p2{
        font-size: 50px;
        font-weight: bold;
    }
    .catering_p3{
        font-size: 35px;
    }
    .catering_p4{
        font-size: 35px;
    }
    .picFocus .sliderpics .tempWrap ul li {
        position: relative;
    }

    .picFocus .sliderpics .tempWrap ul li .bander-txt {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        color: #fff;
    }
    .restaurant_1{
        background-color: #333333; color: #bbbbbb; line-height: 2.9em;
        background: ;
    }
    .restaurant_2{
        float:left; font-size: 1.0em;
    }
    .restaurant_3{
        z-index: 90000; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(240, 240, 240); position: relative; top: 0px; background-image: url(/pic/touming.png);
    }
    .restaurant_4{
        padding:30px 0;background-color:#262626;
    }
    .restaurant_5{
        font-size:0.9em;line-height:2em;text-align:justify;
    }
    .restaurant_6{
        padding:15px;background-color:#333333;color:#999999;
    }
    .restaurant_6 .anniu{
        display: none
    }
    .catering_more_news{
        display: block;
    }
    .catering_more_news .ppny{
        background: #fff;
    }
    .catering_more_contact_out {
        height: 300px;
    }
    .catering_more_contact{
        max-width: 1010px;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        color: #fff;
        height: 100%;
    }
    .catering_more_contact h3{
        font-weight: bold;
        font-size: 25px;
    }
    .catering_more_contact p{
        margin-top: 5px;
        font-weight: bold;
        font-size: 23px;
    }
    .catering_more_contact a{
        margin: 42px auto 0;
        font-size: 20px;
        display: block;
        color:#fff;
        padding: 7px 0;
        background:#E53333;
        width: 135px;
        border-radius: 5px;
    }



























    /*媒体查询从这里开始*/
    /*@mediascreen*/
    @media screen and (max-width: 1440px) {
        .slide-category {
            position: absolute;
            left: 0;
            right: 50px;
            top: 0px;
            color: #ffffff;
            z-index: 100;
            width: 25%;
        }
        .slide-category ul {
            border-top: 0px solid #cfcfcf;
            width: 100%;
        }
        .slide-category ul li {
            font-size: 1.1em;
            width: 100%;
            padding-left: 0%;
            text-indent: 0.5cm;
            height: 39px;
            line-height: 39px;
            border-bottom: 0px solid #999;
            background: url(categorybg.png) no-repeat 100% 0 #cfcfcf;
            opacity: 0.9;
        }
    }
    /*@mediascreen*/
    @media screen and (max-width: 1360px) {
        .slide-category {
            position: absolute;
            left: 0;
            right: 50px;
            top: 0px;
            color: #ffffff;
            z-index: 100;
            width: 25%;
        }
        .slide-category ul {
            border-top: 0px solid #cfcfcf;
            width: 100%;
        }
        .slide-category ul li {
            font-size: 1.0em;
            width: 100%;
            padding-left: 0%;
            text-indent: 0.5cm;
            height: 38px;
            line-height: 38px;
            border-bottom: 0px solid #999;
            background: url(categorybg.png) no-repeat 98% 0 #cfcfcf;
            opacity: 0.9;
        }
        .allline-anli {
            width: 100%;
        }
    }
    /*@mediascreen*/
    @media screen and (max-width: 1280px) {
        .slide-category {
            position: absolute;
            left: 0;
            right: 50px;
            top: 0px;
            color: #ffffff;
            z-index: 100;
            width: 25%;
        }
        .slide-category ul {
            border-top: 0px solid #cfcfcf;
            width: 100%;
        }
        .slide-category ul li {
            font-size: 1.0em;
            width: 100%;
            padding-left: 0%;
            text-indent: 0.5cm;
            height: 37px;
            line-height: 37px;
            border-bottom: 0px solid #999;
            background: url(categorybg.png) no-repeat 98% 0 #cfcfcf;
            opacity: 0.9;
        }
        .allline-anli {
            width: 100%;
        }
        /*---------------��������-----------------*/
        .mytitle {
            width: 100%;
            height: 250px;
            float: left;
        }
        .mytitle p {
            font-size: 1.3em;
            color: #666;
            padding-top: 2%;
        }
        .mytitle h2 {
            font-size: 2.0em;
            color: #e50150;
            padding-top: 20px;
            font-weight: bold;
        }
        .mytitle h3 {
            font-size: 1.3em;
            color: #666;
            padding-top: 8px;
        }
        .mya {
            font-size: 1.4em;
            color: #666;
            font-family: "Microsoft YaHei";
            font-weight: bold;
            padding-top: 5%;
        }
        .myb {
            font-size: 2em;
            font-family: "Microsoft YaHei";
            font-weight: bold;
            color: #e50150;
        }
        .myc {
            font-size: 1.1em;
            font-family: "Microsoft YaHei";
            padding-top: 3%;
            color: #e50150;
        }
        .mytitle-wz {
            width: 100%;
            height: auto;
            font-size: 1.0em;
            font-family: "Microsoft YaHei";
            color: #666;
            line-height: 1.8em;
        }
        .mywza {
            font-size: 1.2em;
            font-family: "Microsoft YaHei";
            font-weight: bold;
            color: #666;
            padding-top: 1%;
            padding-bottom: 0%
        }
        .DesignMenu .list {
            float: left;
        }
        /*----ҵ��ģ��------*/
        .DesignMenu .DM1 {
            width: 49%;
            height: 108px;
            background-color: #09F;
            float: left;
            margin: 15px 5px 5px 5px;
        }
        .DesignMenu .DM2 {
            width: 31.33%;
            height: 80px;
            float: left;
            background-color: #dddddd;
            background-image: url(../Img/01.png);
            margin: 1% 1% 1% 1%;
            padding: 17px 20px 0 20px;
            text-align: left;
            color: #D50D4D;
        }
        .DesignMenu .DM2>p {
            font-size: 0.8em;
            color: #999;
        }
        .DesignMenu .DM2:hover {
            background-color: #D50D4D;
            color: #ffffff;
            font-weight: 400;
            cursor: pointer;
            background-image: url(../Img/02.png);
        }
        .DesignMenu h2 {
            color: #D50D4D;
            font-size: 1.2em;
            padding: 25px 20px 20px 20px;
            line-height: 0;
            float: left;
        }
        .DesignMenu .DM2>li:hover {
            color: #ffffff;
            font-weight: 400;
            cursor: pointer;
        }
        .DesignMenu .DM3 {
            width: 23%;
            height: 290px;
            float: left;
            margin: 1% 1% 1% 1%;
            border: 1px solid #ccc;
        }
        .DesignMenu .DM3 h2 {
            color: #fff;
            font-size: 1.0em;
            padding: 10% 10% 10% 10%;
            border: 1px solid #D50D4D;
            background-color: #D50D4D;
            margin: 0 0 10px 0;
            line-height: 1.4em;
            float: none;
        }
        .DesignMenu .DM3>ul>li {
            color: #666;
            font-size: 0.8em;
        }
        .DesignMenu .DM3 .DMS {
            float: left;
            font-size: 1.0em;
        }
        .DesignMenu .DM3 .li {
            float: left;
            text-align: left;
        }
        .BrandMenu {
            width: 32%;
            height: 120px;
            float: left;
            background-color: #ff005c;
            color: #FFF;
            padding-top: 12px;
            padding-left: 10px;
            padding-right: 10px;
        }
        .BrandMenu h2 {
            font-size: 1.0em;
            padding-bottom: 10px;
        }
        .BrandMenu p {
            font-size: 0.9em;
            color: #FFF;
            line-height: 1.2em;
        }
        .BrandMenu2 {
            width: 36%;
            height: 120px;
            float: left;
            background-color: #7c7c7c;
            color: #FFF;
            padding-top: 12px;
            padding-left: 10px;
            padding-right: 10px;
        }
        .BrandMenu2 h2 {
            font-size: 1.0em;
            padding-bottom: 10px;
        }
        .BrandMenu2 p {
            font-size: 0.9em;
            color: #FFF;
            line-height: 1.2em;
        }
        .BrandMenu3 {
            width: 32%;
            height: 120px;
            float: left;
            background-color: #6f6f6f;
            color: #FFF;
            padding-top: 12px;
            padding-left: 10px;
            padding-right: 10px;
        }
        .BrandMenu3 h2 {
            font-size: 1.0em;
            padding-bottom: 10px;
        }
        .BrandMenu3 p {
            font-size: 0.9em;
            color: #FFF;
            line-height: 1.2em;
        }
        .BrandMenu4 {
            width: 36%;
            height: 120px;
            float: left;
            background-color: #ff005c;
            color: #FFF;
            padding-top: 12px;
            padding-left: 10px;
            padding-right: 10px;
        }
        .BrandMenu4 h2 {
            font-size: 1.0em;
            padding-bottom: 10px;
        }
        .BrandMenu4 p {
            font-size: 0.9em;
            color: #FFF;
            line-height: 1.2em;
        }
        /*------�Ƽ�����-------*/
        .gridAanli {
            padding-top: 40px;
            text-align: center;
            margin: 0 auto;
            width: 100%;
        }
        .gridAanli h2 {
            font-size: 1.2em;
            color: #FFF;
        }
        .gridAanli h3 {
            font-size: 1.0em;
            color: #FFF;
        }
        .gridAanli li {
            list-style: none;
            float: left;
            font-size: 1.2em;
            color: #FFF;
        }
    }
    /*@mediascreen*/
    @media (max-width: 999px) {
        .packging1 {
            display: block !important;
        }
        .packaging {
            background: url(https://www.mroyal.cn/images/20180208143200.png) no-repeat;
            -webkit-background-size: 100%;
            background-size: 100%;
            height: 222px;
        }
        .packaging>div {
            display: none !important;
        }
    }
    /*@mediascreen*/
    @media screen and (max-width: 960px){
        .item{
            width: 32%;
        }
    }
    /*@mediascreen*/
    @media (max-width: 892px) {
        .servide-fist,
        .servide-second,
        .servide-fourth {
            margin-top: 10px;
        }
        .servide-fist .servide-gray {
            font-size: 16px;
            line-height: 20px;
        }
        .servide-fist .servide-big {
            font-size: 21px;
        }
        .servide-fist .servide-big .servide-tm {
            font-size: 28px;
            margin-top: 15px;
        }
        .servide-fist .servide-big div:nth-child(2) {
            margin-top: 15px;
        }
        .servide-arrow img {
            width: 5%;
            margin: 0px auto;
            display: block;
        }
        .servide-second .servide-txt .servide-redblack {
            font-size: 26px;
        }
        .servide-second .servide-txt .servide-gray {
            margin-top: 10px;
            margin-bottom: 15px;
            font-size: 14px;
        }

        .servide-fourth .servide-left {
            width: 30%;
            float: left;
            text-align: center;
        }
        .servide-fourth .servide-right {
            width: 68%;
            float: left;
            margin-left: 2%;
        }
        .servide-fourth .servide-left img {
            width: 100%;
            margin-bottom: 0px;
        }
        .servide-fourth .servide-left div:nth-child(2) {
            display: none;
        }
        .servide-fourth .servide-left div:nth-child(3) {
            display: none;
        }
        .servide-fourth .servide-right .servide-red {
            color: #de004d;
            font-size: 14px;
            line-height: 15px;
            margin-bottom: 20px;
        }
        .servide-fourth .servide-right .servide-decs>div {
            display: none;
        }
        .servide-fourth .servide-right .servide-decs>div:nth-child(1) {
            display: block;
            width: 85%;
        }
        .servide-fourth ul li>div {
            position: relative;
            padding: 15px 0;
        }
        .servide-fourth .servide-fourth-img {
            display: block;
            position: absolute;
            left: 35%;
            bottom: 30px;
        }
        .servide-fourth .servide-fourth-img img {
            width: 40%;
        }
        .servide-second .servide-img ul li {
            font-size: 12px;
            line-height: 14px;
        }
        .servide-second .servide-img ul li p {
            display: none;
        }
        .ndcontent .ke-zeroborder {
            display: none;
        }
        .ndcontent .ke-zeroborder-phone {
            display: block;
        }
        .service2 {
            display: block !important;
        }
        .Home2 {
			margin-top:30px;
			padding:20px 0;
            display: block !important;
            text-align: center;
        }
        .Home2 P{
			font-size:1.8rem;
			line-height:180%;
        }
        .display {
            display: none;
        }
        .newsdetails {
            padding-right: 0px;
        }
        .title>.titlec {
            padding: 0 0.5em 0;
            font-size: 12px !important;
        }
        .title>.titlec a {
            font-size: 12px;
        }
        .Home .logoimg {
            padding: 0px 0 20px 0;
        }
        .Home .home_bg {
            font-size: 9px;
            height: 263px;
        }
        .Home .logoimg h2{
            margin: -10px 0 0 !important;
        }
        .ser_list>h2{
            font-size: 17px;
        }
        .ser_list>p{
            font-size: 13px;
        }
        .fixed-right {
            display: none;
        }
        .header-anli {
            display: none;
        }
        .bottomg {
            display: none;
        }
    }
    /*@mediascreen*/
    @media screen and (max-width: 860px){
        .index_banner_out{
            height:350px;
        }
        .index_bannder{
            height:350px;
        }
        .index_bannder_p1{
            font-size:21px;
            margin-bottom: 2px;
            letter-spacing:2px;
        }
        .index_bannder_p2{
            font-size:33px;
            letter-spacing: 4px;
        }
        .index_bannder_p2_wz{
            padding:0 21px;
        }
        .z_h{
            position: absolute;
            top: 16%;
            height: 33px;
            width: 18px;
            border: 2px solid #E50251;
        }
        .z_h::before{
            border-top: 2px solid #E50251;
            border-left: 2px solid #E50251;
            width: 14px;
            height: 29px;
            left: 2px;
            top: 2px;
        }
        .y_h{
            top: 16%;
            height: 33px;
            width: 18px;
            border: 2px solid #E50251;
        }
        .y_h::before{
            border-bottom: 2px solid #E50251;
            border-right: 2px solid #E50251;
            width: 14px;
            height: 29px;
            right: 2px;
            bottom:2px;
        }

        .index_bannder_p3{
            font-size:15px;
        }
        .index_banner_items{
            max-width: 392px;
            margin: 19px auto 0;
        }
        .index_banner_item p:nth-child(1){
            font-size:38px;
            letter-spacing: 4px;
        }
        .index_banner_item p:nth-child(2){
            letter-spacing: 1px;
            font-size: 8px;
            line-height: 15px;
            margin-top: 2px;
        }
        .catering_banner_out{
            height:350px ;
        }
        .catering_p1{
            font-size: 30px;
        }
        .catering_p2{
            font-size: 40px;
        }
        .catering_p3{
            font-size: 20px;
        }
        .catering_p4{
            font-size: 20px;
        }
    }
    /*@mediascreen*/
    @media screen and (max-width: 800px) {
        .hzpanli {
            margin: 0 auto;
            width: 98%;
        }
        .hzpanli .anliimg {
            width: 50%;
            max-width: 100%;
            float: left;
        }
        .hzpanli img {
            width: 100%;
            max-width: 100%;
            float: left;
        }
        .hzptitle {
            width: 98%;
            overflow: hidden;
            margin: 0 auto;
        }
        .hzpwenzi {
            width: 50%;
            height: 160px;
            float: left;
            font-size: 0.8em;
            color: #666;
            text-decoration: none;
            line-height: 1.4em;
        }
        .hzpwenzi h2 {
            font-size: 1.3em;
            color: #e4104f;
            text-decoration: none;
        }
        .titlec>li {
            text-align: center;
        }
        .ser_list{
            flex-wrap:wrap;
            font-size: 10px;
            padding-top:0px;
        }
        .ser_list_item{
            margin-bottom:40px;
            width:30%;
        }
        .ser_list p{
            padding:0 5px
        }
        .ser_case_item{
            width:50%;
        }
        .ser_case_item_mb{
            font-size: 10px;
        }
        .ser_L{
            padding-top:40px !important;
        }
        .abo_qafu_slide{
            width:50%;
        }
    }
    /*@mediascreen*/
    @media screen and (max-width: 780px) {
        .DesignMenu .list {
            float: left;
        }
        /*----ҵ��ģ��------*/
        .DesignMenu {
            margin: 0 auto;
            max-width: 100%;
            background-color: #red;
            text-align: center;
        }
        .DesignMenu .DM1 {
            width: 49%;
            height: 108px;
            background-color: #09F;
            float: left;
            margin: 15px 5px 5px 5px;
        }
        .DesignMenu .DM2 {
            width: 31.33%;
            height: 80px;
            float: left;
            background-color: #dddddd;
            background-image: url(../Img/01.png);
            margin: 1% 1% 1% 1%;
            padding: 22px 5px 5px 5px;
            text-align: center;
            color: #D50D4D;
            font-size: 1.2em;
        }
        .DesignMenu .DM2 p {
            font-size: 0.5em;
            color: #999;
            letter-spacing: -0.5px;
        }
        .DesignMenu .DM2:hover {
            background-color: #D50D4D;
            color: #ffffff;
            font-weight: 400;
            cursor: pointer;
            background-image: url(../Img/02.png);
        }
        .DesignMenu h2 {
            color: #D50D4D;
            font-size: 1.2em;
            padding: 25px 20px 20px 20px;
            line-height: 0;
            float: left;
        }
        .DesignMenu .DM2>li:hover {
            color: #ffffff;
            font-weight: 400;
            cursor: pointer;
        }
        .DesignMenu .DM3 {
            width: 48%;
            height: auto;
            float: left;
            margin: 1% 1% 1% 1%;
            border: 1px solid #ccc;
        }
        .DesignMenu .DM3 h2 {
            color: #fff;
            height: 30px;
            font-size: 1.0em;
            padding: 1% 1% 1% 10%;
            border: 1px solid #D50D4D;
            background-color: #D50D4D;
            margin: 0 0 0 0;
            line-height: 1.4em;
            float: none;
        }
        .DesignMenu .DM3>ul>li {
            color: #666;
            float: left;
            font-size: 0.8em;
            padding: 0 0 0 20px;
        }
        .DesignMenu .DM3 .DMS {
            float: left;
            font-size: 1.0em;
        }
        .DesignMenu .DM3 .li {
            float: left;
            text-align: center;
        }
        .BrandMenu {
            width: 32%;
            height: 120px;
            float: left;
            background-color: #ff005c;
            color: #FFF;
            padding-top: 12px;
            padding-left: 10px;
            padding-right: 10px;
        }
        .BrandMenu h2 {
            font-size: 0.9em;
            padding-bottom: 10px;
        }
        .BrandMenu p {
            font-size: 0.8em;
            color: #FFF;
            line-height: 1.2em;
            display: none;
        }
        .BrandMenu2 {
            width: 36%;
            height: 120px;
            float: left;
            background-color: #7c7c7c;
            color: #FFF;
            padding-top: 12px;
            padding-left: 10px;
            padding-right: 10px;
        }
        .BrandMenu2 h2 {
            font-size: 0.9em;
            padding-bottom: 10px;
        }
        .BrandMenu2 p {
            font-size: 0.8em;
            color: #FFF;
            line-height: 1.2em;
            display: none;
        }
        .BrandMenu3 {
            width: 32%;
            height: 120px;
            float: left;
            background-color: #6f6f6f;
            color: #FFF;
            padding-top: 12px;
            padding-left: 10px;
            padding-right: 10px;
        }
        .BrandMenu3 h2 {
            font-size: 0.9em;
            padding-bottom: 10px;
        }
        .BrandMenu3 p {
            font-size: 0.8em;
            color: #FFF;
            line-height: 1.2em;
            display: none;
        }
        .BrandMenu4 {
            width: 36%;
            height: 120px;
            float: left;
            background-color: #ff005c;
            color: #FFF;
            padding-top: 12px;
            padding-left: 10px;
            padding-right: 10px;
        }
        .BrandMenu4 h2 {
            font-size: 0.9em;
            padding-bottom: 10px;
        }
        .BrandMenu4 p {
            font-size: 0.8em;
            color: #FFF;
            line-height: 1.2em;
            display: none;
        }
        /*------�Ƽ�����-------*/
        .gridAanli {
            padding-top: 40px;
            text-align: center;
            margin: 0 auto;
            width: 100%;
        }
        .gridAanli h2 {
            font-size: 1.0em;
            color: #666;
        }
        .gridAanli h3 {
            font-size: 1.0em;
            color: #666;
        }
        .gridAanli li {
            list-style: none;
            float: left;
            font-size: 1.2em;
            color: #FFF;
        }
        /*--------ҵ����------*/
        .yewujieda {
            width: 98%;
            margin: 0 1% 0 1%;
            border: 0.4em solid #ff005c;
            background-color: #FFF;
        }
        .yewujieda h2 {
            width: 25%;
            font-size: 1.0em;
            color: #ff005c;
            float: left;
            padding: 5% 5% 2% 5%;
        }
        .yewujieda h3 {
            width: 74%;
            font-size: 0.8em;
            color: #ff005c;
            float: left;
            padding: 2% 0% 2% 0%;
        }
        /*------�ͻ�����-------*/
        .gridPingjia {
            padding-top: 40px;
            text-align: center;
            margin: 0 auto;
            max-width: 100%;
        }
        .gridPingjia h2 {
            font-size: 1.8em;
            color: #666;
            letter-spacing: -1px;
        }
        .gridPingjia h2 span {
            letter-spacing: 0;
            margin: 0 20px;
        }
        .gridPingjia h3 {
            fontfont-size: 1.0em;
            color: #666;
            padding-top: 20px;
            margin: 1% 2% 1% 2%;
        }
        .gridPingjia li {
            width: 46%;
            height: 168px;
            float: left;
            margin: 1% 2% 1% 2%;
        }
        /*------������Ϣ-------*/
        .gridNews {
            padding-top: 40px;
            text-align: center;
            margin: 0 auto;
            max-width: 100%;
        }
        .gridNews h2 {
            font-size: 1.8em;
            color: #FFF;
            letter-spacing: -1px;
        }
        .gridNews h2 span {
            letter-spacing: 0;
            margin: 0 20px;
        }
        .gridNews h3 {
            fontfont-size: 1.0em;
            color: #FFF;
            margin: 1% 2% 1% 2%;
        }
        .gridNews li {
            width: 46%;
            height: 168px;
            float: left;
            margin: 1% 2% 1% 2%;
        }
        /*---�ײ�����-----*/
        .footAnniu {
            width: 100%;
            height: auto;
            background-color: #333;
            padding-top: 20px;
        }
        .footmenu {
            max-width: 100%;
            margin: 0 auto;
            text-align: left;
        }
        .footmenu ul {
            float: left;
            width: 50%;
            display: none;
        }
        .footmenu li {
            list-style: none;
        }
        .footmenu li a {
            font-size: 0.9em;
            color: #666;
        }
        .footmenu .logo {
            width: 100%;
            float: left;
            padding: 25px 0px 20px 0px;
            text-align: center;
        }
        .footmenu .beian {
            width: 100%;
            float: left;
        }
        .footmenu .beian p {
            font-size: 0.8em;
            color: #666;
            text-align: center;
            padding-bottom: 3px;
        }
    }
    /*@mediascreen*/
    @media (max-width: 768px) {
        .case_g>.industorycatelist{
            width:100%;
        }
        .case_g>.procatelist{
            width:100%;
        }
        .BrandZuo{
            width:48.5%;
            margin:0 0.75%;
        }
        .catering1 ul li{
            width: 46.5%;
        }
    }
    /*@mediascreen*/
    @media screen and (max-width: 740px){
        .kgz{
            height: 24px;
        }
    }
    /*@mediascreen*/
    @media (max-width: 736px) {
        .packaging>div {
            width: 25%;
        }
        /*��ҳ���¶�̬��������*/
        .news .item span {
            display: none;
        }
        .news .item h3 {
            padding: 2px 5px;
        }
        .news .item .datemore {
            padding: 5px;
        }
        .container>.col-4>div.padleft10 {
            display: none;
        }
        .anniu {
            background-color: #333333;
            display: block !important;
            text-align: center;
            overflow: hidden;
            margin: 0 auto 10px;
            width: 90%;
        }
        .anniu ul {
            padding: 0;
            overflow: hidden;
            list-style: none;
        }
        .anniu ul li {
            margin-top: 10px;
            float: left;
            width: 45%;
            padding: 0.5em 0;
            margin-right: 5%;
        }
        .anniu ul li a {
            color: #fff;
        }
        .anniu ul li:nth-child(1) {
            border-radius: 5px;
            background-color: #D50D4D;
        }
        .anniu ul li:nth-of-type(2n+2) {
            float: right;
            margin-right: 0;
            border-radius: 5px;
            background-color: #666666;
        }
      /*  .nongye ul li {
            font-size: 1em !important;
            line-height: 1.5em !important;
        }*/
        .container .col-12 .col-s-4 {
            width: 100% !important;
            text-align: left;
            margin-bottom: 20px;
        }
        .container .col-12 .col-s-8 {
            width: 100% !important;
            margin-top: 10px;
            text-align: left;
        }
        .container .col-12 .col-s-8>div {
            padding-right: 0 !important;
        }
        .kehudayi {
            padding: 0 10px;
        }
        .Recruitment .rctitle1 {
            width: 100%;
            float: none;
            padding: 0 0 15px;
        }
        .Recruitment .rctitle2 {
            width: 100%;
            float: none;
            padding: 0;
            font-size: 1.2em;
            border-left: none;
        }
        .allline {
            padding-bottom: 0 !important;
            padding-top: 0 !important;
        }
        .allline>.container>.col-12>.col-s-4>div {
            width: 100%;
            padding-left: 0 !important;
        }
        .allline>.sliderpics>.tempWrap>.slides img {
            max-width: 150%;
        }
    }

    /*@mediascreen*/
    @media screen and (max-width: 640px) {
        .r_case{
            display: none;
        }
        .slide-category {
            position: absolute;
            left: 0;
            right: 50px;
            top: 0px;
            color: #ffffff;
            z-index: 100;
            width: 25%;
        }
        .slide-category ul {
            border-top: 0px solid #cfcfcf;
            width: 100%;
        }
        .slide-category ul li {
            font-size: 1.0em;
            width: 100%;
            padding-left: 0%;
            text-indent: 0.5cm;
            height: 37px;
            line-height: 37px;
            border-bottom: 0px solid #999;
            background: url(categorybg.png) no-repeat 98% 0 #cfcfcf;
            opacity: 0.9;
        }
        .allline-anli {
            width: 100%;
        }
        /*---------------��������-----------------*/
        .mytitle {
            width: 95%;
            height: 250px;
            float: left;
        }
        .mytitle p {
            font-size: 1.3em;
            color: #666;
            padding-top: 2%;
        }
        .mytitle h2 {
            font-size: 2.0em;
            color: #e50150;
            padding-top: 20px;
            font-weight: bold;
        }
        .mytitle h3 {
            font-size: 1.3em;
            color: #666;
            padding-top: 8px;
        }
        .mya {
            font-size: 1.4em;
            color: #666;
            font-family: "Microsoft YaHei";
            font-weight: bold;
            padding-top: 5%;
        }
        .myb {
            font-size: 2em;
            font-family: "Microsoft YaHei";
            font-weight: bold;
            padding-left: 10%;
            color: #e50150;
        }
        .myc {
            font-size: 1.1em;
            font-family: "Microsoft YaHei";
            padding-top: 3%;
            color: #e50150;
        }
        .mytitle-wz {
            width: 95%;
            height: auto;
            font-size: 1.0em;
            font-family: "Microsoft YaHei";
            color: #666;
            line-height: 1.8em;
        }
        .mywza {
            font-size: 1.2em;
            font-family: "Microsoft YaHei";
            font-weight: bold;
            color: #666;
            padding-top: 1%;
            padding-bottom: 0%
        }
        .sliderpics .hd {
            bottom: 5px;
        }
        .sliderpics .hd ol li {
            width: 5px;
            height: 5px;
        }
        .sliderpics .prev,
        .sliderpics .next {
            font-size: 25px;
            top: 42%;
        }
        .casecatelist .title{
            display:flex;
            justify-items: center;
        }
        .casecatelist .title a{
            padding:0 20px;
        }
        .brandclass .slides li{
            overflow:hidden;
            height:32vw;
            display: flex !important;
            align-items:center;
        }
        .brandclass .slides li img{

            transform: scale(1.4);
        }
        .container .brandinfog {
            margin-bottom: -10px;
        }
        .side-bar {
            display: none;
        }
        .packaging{
            height:0;
        }
        .brandlist .biline1{
            padding: 18px 0 20px 0 !important;
        }
        .brandlist li{
            margin:0 0 8px !important
        }
        .newsd_3{
            display: none;
        }
        .newsd_4_out{
            display: block;
        }
        .headlogo{
            padding:10px 0;
        }
        .headlogo img{
            width:200px;height: 42px;
        }
        figure.BrandAnli h2,
        figure.BrandAnli p {
            font-size: 0.8em;
            #fff-space: nowrap;
        }
        figure.BrandAnli {
            padding-bottom: 0;
            border: 8px solid transparent;
        }
        .ppny_con li {
            width: 100%;
        }
        .newscase_item{
            width:48%;
            font-size: 12px;
            margin-bottom: 4px;
        }
        .index_7 .logoimg{
            padding: 25px 0 10px 0;
        }
        .index_7 .logoimg>i{
            margin: 16px auto;
        }
        .index_4 .logoimg>i{
            margin: 16px auto;
        }
        .client .logoimg>i{
            margin: 16px auto;
        }
        .brandlist li{
            width: 100%;
            border: 8px solid transparent
        }
        .item{
            width: 49%;
        }
    }

    /*@mediascreen*/

    @media screen and (max-width: 620px){
        .index_banner_out{
            height:240px;
        }
        .index_bannder{
            height:240px;
        }
        .index_bannder_p1{
            font-size:20px;
            margin-bottom: 5px;
            letter-spacing:2px;
        }
        .index_bannder_p2{
            font-size:22px;
            letter-spacing: 2px;
        }
        .index_bannder_p2_wz{
            padding:0 15px;
        }
        .z_h{
            display: none;
        }
        .y_h{
            display: none;
        }

        .index_bannder_p3{
            font-size:10px;
            padding:0 10px;
            margin-top: 5px;
        }
        .index_banner_items{
            max-width: 320px;
            margin: 3px auto 0;
        }
        .index_banner_item p:nth-child(1){
            font-size:38px;
            letter-spacing: 2px;
        }
        .index_banner_item p:nth-child(2){
            letter-spacing: 1px;
            font-size: 8px;
            line-height: 15px;
            margin-top: 2px;
        }
        .dw_j{
            display: none;
        }
        .index_2 .brandcateitem{
            font-size: 12px;
        }
        .brandcate2 .brandcateitem{
            color: #fff !important;
        }
        .index_2 .brandcateitem strong{
            font-size: 15px;
            color:#fff
        }
        .index_2 .brandcateitem h2{
            font-size: 12px;
            margin: 2px 0;
            color:#fff
        }
        .index_2 .brandcateitem h4{
            color:#fff
        }
        .index_2 .brandcateitem span{
            font-size: 14px;
            color:#fff
        }
        .brandcate li{
            background: #fff;
        }
        .brandcate li .brandcateitem{
            margin-bottom: 5px;
        }
        .index_2 .brandcate li{
            padding:4px 0;
        }
        .index_2 .brandcate li:nth-child(1){
            border-bottom: 1px solid #fff;
            border-right: 1px solid #fff;
            background: rgba(247, 166, 203, 0.68);
        }
        .index_2 .brandcate li:nth-child(2){
            border-bottom: 1px solid #fff;
            background: rgba(250, 51, 64, 0.67);
        }
        .index_2 .brandcate li:nth-child(3){
            border-right: 1px solid #fff;
            background: rgba(89, 210, 105, 0.6);
        }
        .index_2 .brandcate li:nth-child(4){
            background: rgba(16, 129, 238, 0.47);
        }
        .index_banner_items2 {
            margin: 5px auto 0;
            padding: 0 5%;
            font-size: 13px;
            line-height: 20px;
        }
        .client_con_item{
            width:25%;
        }
        .index_span{
            font-size: 12px !important;
        }
    }

    /*@mediascreen*/
    @media screen and (max-width:600px){
        .abo_team_slider{
            width:46%
        }
        .abo_team_slider_line3{
            padding-top: 2%
        }
        .abo_team_item{
            justify-content: space-around;
        }
        .abo_team_slider_line1 span:nth-child(2){
            display: block;
            font-size: 13px;
            margin-top: 3px;
        }
        .abo_team_slider_line2{
            font-size: 13px;
        }
        .abo_team_other_ch{
            float:left;
            box-sizing: border-box;
            padding:10px;
            width:25%;
        }
        .catering_p1{
            font-size: 16px;
        }
        .catering_p2{
            font-size: 20px;
        }
        .catering_p3{
            font-size: 11px;
        }
        .catering_p4{
            font-size: 11px;
        }
        .catering_banner_con p{
            padding: 3px;
        }
        .catering_banner_out{
            height: 200px;
        }
        .catering_more_contact h3{
            font-size: 17px;
        }
        .catering_more_contact p{
            font-size: 17px;
        }
        .catering_more_contact a{
            margin: 14px auto 0;
            font-size: 16px;
            width: 113px;
        }
        .catering_more_contact_out{
            height: 198px;
        }
    }

    /*@mediascreen*/
    @media (max-width: 540px){
        .BrandZuo{
            width:48.5%;
            margin:0 0.75%;
        }
        .item{
            width: 98%;
        }
        .newsd_4_con li a{
            font-size: 13px;
        }
        .catering1 ul li{
            width: 97%;
            height: 171px;
        }
        .catering2 ul li{
            width:97%;
        }
        .catering2_out{
            padding: 20px 0 0;
        }
        .catering2{
            margin: 30px auto 0px;
        }

    }
    /*@mediascreen*/

    @media (min-width: 640px) {
        .abouttitle>div:before {
            content: "美御";
        }
    }
    /*@mediascreen*/
    @media screen and (min-width: 610px) {
        .side-bart {
            display: none;
        }
    }
    /*@mediascreen*/
    @media (min-width: 1024px) {
        .footer_service {
            display: none;
        }
    }


    /*@mediascreen*/
    @media screen and (min-width: 1200px) {
        .box div div ul li {
            font-size: 20px;
        }
        .div-middle div:nth-child(2n-1) {
            font-size: 19px !important;
        }
    }
    /*@mediascreen*/
    @media screen and (min-width: 960px) and (max-width: 1199px) {
        .box div div ul li {
            font-size: 19px;
        }
        .div-middle div:nth-child(2n-1) {
            font-size: 18px !important;
        }
    }
    /*@mediascreen*/
    @media screen and (min-width: 960px) and (max-width: 1199px) {
        .box div div ul li {
            font-size: 18px;
        }
        .div-middle div:nth-child(2n-1) {
            font-size: 17px !important;
            padding: 2%;
        }
    }
    /*@mediascreen*/
    @media screen and (min-width: 768px) and (max-width: 959px) {
        .box div div ul li {
            font-size: 17px;
        }
        .div-middle div:nth-child(2n-1) {
            font-size: 16px !important;
            padding: 4%;
        }
    }
    /*@mediascreen*/
    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .box div div ul li {
            font-size: 14px;
        }
        .div-middle div:nth-child(2n-1) {
            font-size: 14px !important;
            padding: 5%;
        }
    }
    /*@mediascreen*/
    @media only screen and (max-width: 479px) {
        .box div div ul li {
            font-size: 13px;
        }
        .main .div-middle div:nth-child(2n-1) {
            font-size: 13px !important;
            padding: 8.5%;
        }
        .div-middle div:nth-child(2n) {
            line-height: 34px !important;
        }
    }

    /*@mediascreen*/
    @media screen and (max-width:900px) and (min-width:640px){
        .ppny_con li{
            height:73px;
        }
    }