@charset "gb2312";
            body {
                margin: 0;
                background: #FFFFFF;
                color: #333333;
                font-family: "Microsoft YaHei", "Helvetica Neue", Arial, Helvetica, sans-serif !important;
                font-size: 0.9em;
                letter-spacing: 1px;
            }
            
            img {
                border: 0;
            }
            
            p {
                padding: 0;
                margin: 0;
            }
            
            h2,
            h3,
            h4,
            ul,
            li,
            dd,
            dl,
            p {
                list-style: none;
                padding: 0;
                margin: 0;
                font-weight: normal;
            }
            
            h2 {
                font-size: 1.1em;
                margin: 6px 0;
            }
            
            h3 {
                font-size: 1.1em;
                margin: 4px 0;
            }
            
            h4 {
                font-size: 1em;
                margin: 4px 0;
            }
            
            img {
                border: none;
                max-width: 100%;
            }
            
            .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: 36px;
            }
            
            ul,
            li {
                list-style: none;
                margin: 0;
                padding: 0;
            }
            
            a {
                color: #666666;
                text-decoration: none;
            }
            
            a:hover {
                text-decoration: none;
            }
            
            .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;
            }
            /*---------------����ӵײ���������--------------*/
            
            .container {
                max-width: 1280px;
                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;
            }
            /*------------------------��ҳ�ײ���������--------------------*/
            
            .footclear {
                clear: both;
                height: 0;
                line-height: 0;
                overflow: hidden;
            }
            
            .foottitle {
                padding: 0px 0;
                display: inline-block;
                padding-left: 0px;
            }
            /*------������ϸ--------*/
            
            .foottitle h2 {
                font-size: 0.9em;
                padding: 2px 0;
                color: #bbbbbb;
            }
            
            .foottitle ul {
                padding: 10px 0;
                display: inline-block;
                border-top: 1px solid #666;
            }
            
            .foottitle ul li {
                padding: 1px 0;
            }
            /*------------------------clear--------------------*/
            
            .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;
            }
            /*------------------------head--------------------*/
            
            .headlogo {
                padding-top: 15px;
                padding-bottom: 15px;
            }
            
            .headphone {
                text-align: right;
                float: right;
            }
            
            .navmenu {
                font-size: 1.1em;
                padding-top: 35px;
            }
            /*------����������ť--------*/
            
            .navmenu ul li {
                width: 14%;
                float: left;
                text-align: right;
            }
            
            .navmenu ul li a {
                color: #333333;
                display: block;
            }
            
            .navmenu ul li a:hover {
                text-decoration: underline;
                color: #E50251;
            }
            
            .navmenu ul li .aindex {
                color: #E50251;
            }
            /*------------------slide-category-��ҵ����----------------*/
            
            .btn-pink {
                font-size: 0.8em;
                padding: 2px 10px;
                background-color: #E50251;
                color: #ffffff;
                margin-bottom: 0;
                text-align: center;
                white-space: nowrap;
                vertical-align: middle;
                background-image: none;
                border: none;
                border-radius: 2px;
                moz-border-radius: 2px;
                -webkit-border-radius: 2px;
                cursor: pointer;
            }
            
            .slide-category {
                position: absolute;
                left: 0;
                right: 50px;
                top: 40px;
                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: 40px;
                line-height: 40px;
                border-bottom: 0px solid #999;
          
                opacity: 0.9;
            }
            
            @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;
           
                    opacity: 0.9;
                }
            }
            
            @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;
                  
                    opacity: 0.9;
                }
                .allline-anli {
                    width: 100%;
                }
            }
            
            @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;
                 
                    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%
                }
            }
            
            @media screen and (max-width: 640px) {
                .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;
          
                    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%
                }
            }
            
            .jlb {
                background-color: #e50150;
                padding: 10px;
                20px 10px 20px;
                font-size: 1.3em;
                color: #fff;
            }
            
            .slide-category ul li.icon1 {
                background-position: 95% 3px;
            }
            
            .slide-category ul li.icon2 {
                background-position: 95% -34px;
            }
            
            .slide-category ul li.icon3 {
                background-position: 95% -69px;
            }
            
            .slide-category ul li.icon4 {
                background-position: 95% -106px;
            }
            
            .slide-category ul li.icon5 {
                background-position: 95% -142px;
            }
            
            .slide-category ul li.icon6 {
                background-position: 95% -152px;
            }
            
            .slide-category ul li.icon7 {
                background-position: 95% -162px;
            }
            
            .slide-category ul li.icon8 {
                background-position: 95% -142px;
            }
            
            .slide-category ul li.icon9 {
                background-position: 95% -142px;
            }
            
            .slide-category ul li.icon1hover {
                background-position: 95% -180px;
            }
            
            .slide-category ul li.icon2hover {
                background-position: 95% -216px;
            }
            
            .slide-category ul li.icon3hover {
                background-position: 95% -251px;
            }
            
            .slide-category ul li.icon4hover {
                background-position: 95% -287px;
            }
            
            .slide-category ul li.icon5hover {
                background-position: 95% -321px;
            }
            
            .slide-category ul li a {
                display: block;
            }
            
            .slide-category ul li a:hover {
                background-color: #E50251;
            }
            
            .slide-category ul li.on a {
                color: #fff;
            }
            
            .slide-category ul li.icon1hover a,
            .slide-category ul li.icon2hover a,
            .slide-category ul li.icon3hover a,
            .slide-category ul li.icon4hover a,
            .slide-category ul li.icon5hover a {
                color: #E50251;
            }
            
            .slider-content {
                position: absolute;
                left: 10px;
                right: 50px;
                top: 0px;
                color: #fff;
                z-index: 1000;
            }
            
            .slider-content .slider-title {
                font-size: 2.5em;
                display: block;
                word-wrap: normal;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
            }
            
            .slider-content .slider-txt {
                padding-top: 12px;
                font-size: 1.4em;
                word-wrap: normal;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
            }
            
            .sliderpics {
                position: relative;
            }
            
            .sliderpics .slides img {
                width: 100%;
                display: block;
            }
            /*��ҳ�ֲ�ͼ���Ұ�ť*/
            
            .sliderpics .prev {
                position: absolute;
                top: 46%;
                left: 3%;
                vertical-align: middle;
                cursor: pointer;
                font-family: "����";
                line-height: 0.8;
                color: #fff;
                font-size: 50px;
                text-shadow: #666 2px 2px 5px;
            }
            
            .sliderpics .next {
                position: absolute;
                top: 46%;
                right: 3%;
                vertical-align: middle;
                cursor: pointer;
                font-family: "����";
                line-height: 0.8;
                color: #fff;
                font-size: 50px;
                text-shadow: #666 2px 2px 5px;
            }
            
            .sliderpics .hd {
                width: 100%;
                position: absolute;
                bottom: 15px;
                left: 0;
                margin: 0;
                z-index: 100;
                text-align: center;
            }
            
            .sliderpics .hd ol {
                margin: 0;
                padding: 0;
            }
            
            .sliderpics .hd ol li {
                display: inline-block;
                width: 13px;
                height: 13px;
                background: #ccc;
                border-radius: 50%;
                cursor: pointer;
            }
            
            .sliderpics .hd ol li.on {
                background: #e5014f;
            }
            
            @media (max-width: 640px) {
                .sliderpics .hd {
                    bottom: 5px;
                }
                .sliderpics .hd ol li {
                    width: 5px;
                    height: 5px;
                }
                .sliderpics .prev,
                .sliderpics .next {
                    font-size: 25px;
                    top: 42%;
                }
            }
            /*---------------brandcate-----------------*/
            
            .brandcate li .brandcateitem {
                color: #666666;
                padding-left: 16px;
                margin-bottom: 16px;
                border-left: 1px solid #dedede;
                cursor: pointer;
            }
            
            .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 {
                background: #fff;
                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;
            }
            /*-��ҳ�������--*/
            
            .brandlist .li {
                background: #ffffff;
                margin: 0px;
                padding: 0;
                -moz-box-box-shadow: 2px 2px 1px RGBa(0, 0, 0, 0.035);
                -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;
            }
            
            .brandlist a {
                display: block;
            }
            
            .brandlist img {
                width: 100%;
            }
            /*----����ҳ��Ч��-----*/
            
            .brandlist .brandinfo {
                height: 82%;
                width: 100%;
                position: absolute;
                top: 0;
                color: #f0f0f0;
                background-color: rgba(229, 2, 81, 0.8);
                cursor: pointer;
                display: none;
                overflow: hidden;
            }
            
            .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;
                padding-bottom: 15px;
            }
            
            .brandlist .brandinfo p {
                padding: 2px 20px;
                font-size: 0.8em;
                line-height: 1.8em;
            }
            /*---------------����-----------------*/
            
            .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 {
                border: 0px solid #dcdcdc;
            }
            
            .news .item img {
                width: 100%;
            }
            
            .news .item h3 a {
                font-size: 0.9em;
            }
            /*----���ű���----*/
            
            .news .item h3 {
                color: #E50251;
                padding: 15px 15px;
                display: block;
            }
            
            .news .item span {
                padding: 0 15px;
                display: block;
                color: #999999;
                font-size: 0.7em;
            }
            /*----��������----*/
            
            .news .item .datemore {
                display: block;
                padding: 15px;
                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: 30px;
                display: block;
                color: #888888;
            }
            
            .indexabout .title {
                padding: 10px 0;
                display: block;
                border-bottom: 1px solid #666;
                margin-left: 10px;
                margin-right: 10px;
            }
            
            .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: 10px;
            }
            
            .indexabout .content a {
                color: #888888;
            }
            
            .indexabout .content .indexservicelist li {
                width: 50%;
                float: left;
            }
            
            .indexabout .content .indexcustlist li {
                width: 33%;
                padding-right: 1%;
                float: left;
                word-wrap: normal;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
            }
            .bottomrights {
                font-size: 0.8em;
                text-align: left;
            }
            
            .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 {
                border-bottom: 1px solid #cccccc;
                float: left;
                width: 100%;
                padding: 6px 0 6px 10px;
            }
            
            .casecatelist .title .titlec,
            .casecatelist .title span,
            .casecatelist .title a {
                float: left;
                font-size: 1em;
                padding-top: 13px;
            }
            
            .casecatelist .title .titlec {
                font-weight: 300;
            }
            
            .casecatelist .title span {
                color: #E50251;
                padding-left: 6px;
                padding-right: 20px;
                font-style: italic;
            }
            
            .casecatelist .title a {
                padding-left: 20px;
                padding-right: 20px;
                font-weight: ;
            }
            
            .casecatelist .industorycatelist a {
                width: 13.866666667%;
                float: left;
                padding: 10px 0;
            }
            
            .casecatelist .procatelist a {
                width: 13.866666667%;
                float: left;
                padding: 10px 20px 10px 0;
            }
            
            .morecase {
                margin: 0 auto;
                width: 130px;
                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: -1 !important;
            }
            
            .sinlecaseleft .title {
                padding: 5px 0;
                display: block;
                font-size: 1.0em;
                color: #333333;
            }
            
            .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: 20px;
                display: block;
                padding-left: 0px;
                padding-bottom: 20px;
            }
            
            .sinlecaseright {
                padding: 3%;
                display: block;
                font-size: 1.0em;
                line-height: 1.5em;
                color: #666666;
            }
            /*---------------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;
            }
            
            .container .col-s-12 .newbrandlatelist {
                top: -69px;
            }
            
            .newbrandlatelist a {
                border-bottom: 1px dashed #aaa;
            }
            
            .container .bilineg2 {
                margin-top: -20px;
                font-size: 1em !important;
            }
            
            .container .col-s-0 .newbrandlatelist {}
            
            .newbrandlatelist h3 {
                font-weight: normal;
                padding: 13px 0;
                border-bottom: 1px solid #cccccc;
                display: block;
                color: #E50251;
            }
            
            .newbrandlatelist a {
                display: block;
                padding: 2px 0;
                color: #666666;
            }
            /*---------------newsdetails-----------------*/
            
            .newsdetails {
                display: block;
                padding-right: 0px !important;
                padding-left: 0px !important;
            }
            
            .newsdetails .ndbox {
                border: 1px solid #dddddd;
                background-color: #ffffff;
                display: block;
                padding: 10px 10px;
            }
            
            .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;
            }
            
            @media (min-width: 640px) {
                .abouttitle>div:before {
                    content: "����";
                }
            }
            
            .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;
            }
            
            .myservice-A {
                width: 100%;
                height: 861px;
            }
            
            .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(http://www.mroyal.cn/images/packaging.png) no-repeat;
                -webkit-background-size: 100%;
                background-size: 100%;
            }
            
            @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;
                    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;
                }
            }
            
            @media (max-width: 999px) {
                .packging1 {
                    display: block !important;
                }
                .packaging {
                    background: url(http://www.mroyal.cn/images/20180208143200.png) no-repeat;
                    -webkit-background-size: 100%;
                    background-size: 100%;
                    height: 222px;
                }
                .packaging>div {
                    display: none !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(http://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 {}
            
            .nongye ul li {
                font-size: 1.1em;
                line-height: 2em;
                color: #666;
            }
            
            .nongye-lfet {
                float: left;
                widht: 450px;
                height: auto;
            }
            
            .nongye-right {
                float: left;
                widht: 550px;
                padding-left: 0px;
            }
            
            .nong {
                width: 1011px;
                height: auto;
                margin-left: auto;
                margin-right: auto;
                background-color: #FFF;
            }
            
            .nong-lfet {
                float: left;
                widht: 250px;
                height: auto;
            }
            
            .nong-lfet .dtu {
                widht: 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 {
       
            }
            
            .nong-right {
                float: left;
                padding-left: 50px;
                whitewhite-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;
            }
            /*-----------------������ѯ--------------------*/
            
            @media screen and (max-width: 640px) {
                .container .brandinfog {
                    margin-bottom: -10px;
                }
                .side-bar {
                    display: none;
                }
            }
            
            @media screen and (min-width: 610px) {
                .side-bart {
                    display: none;
                }
            }
            
            .side-bar a,
            .chat-tip i {
            }
            
            .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 {
 
            }
            
            .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: 5px auto;
                background-color: #e51b4d;
            }
            
            .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%;
                white-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;
                margin: 0 auto;
                padding: 0em 0 0em;
                max-width: 1010px;
                list-style: none;
                text-align: center;
                padding: 40px 0 20px 0;
            }
            /*----��ҳҵ��ģ��---*/
            /*.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;
    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;

}

.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;
            }
            /*----ҵ����-----*/
            
            .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;
            }
            /*--------��ҳ�Ƽ�����-------*/
            
            .MroyalBrand {
                margin: 0 auto;
                max-width: 1010px;
            }
            
            .BrandZuo {
                width: 49%;
                float: left;
            }
            
            .BrandYou {
                width: 49%;
                float: right;
            }
            
            .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;
            }
            
            figure.BrandAnli p {
                font-size: 0.9em;
                color: #666;
                line-height: 0.6em;
                padding-bottom: 10px;
            }
            
            figure.BrandAnli a {
                text-decoration: none;
            }
            
            figure.BrandAnli img {
                max-width: 100%;
                height: auto;
            }
            
            figure.BrandAnli img:hover {}
            /*-------�ֻ�������--------*/
            
            @media screen and (max-width: 640px) {
                figure.BrandAnli h2,
                figure.BrandAnli p {
                    font-size: 0.8em;
                    white-space: nowrap;
                }
                figure.BrandAnli {
                    padding-bottom: 0;
                    border: 8px solid transparent;
                }
            }
            /*-----ҵ����-----*/
            
            .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;
            }
            
            .side-bar a:hover {
            }
            
            .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;
            }
            
            @media screen and (max-width: 1280px) {
                /*----��ҳҵ��ģ��---*/
                /*.reconstruction {
        height: 190px;
        background-color: #D50D4D;
        margin: 0 auto;
    }

    .reconstruction > ul {
        padding-left: 7%;
    }

    .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: 45%;
        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: 45%;
        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 .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;
                    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;
                }
                .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;
                }
            }
            
            @media screen and (max-width: 780px) {
                /*----��ҳҵ��ģ��---*/
                /*.reconstruction {
        max-width: 100%;
        height: 190px;
        background-color: #D50D4D;
        margin: 15px 0 15px 0;
    }

    .reconstruction > ul {
        padding-left: 7%;
    }

    .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: 45%;
        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: 45%;
        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: 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;
                    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;
                }
                .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;
                }
            }
            /*---------------*/
            /***** 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;
            }
            
            @media (min-width: 1024px) {
                .footer_service {
                    display: none;
                }
            }
            /*����ҳ��*/
            
            .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;
            }
            
            @media (max-width: 736px) {
                .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%;
                }
            }
            
            .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: "��";
                color: #ffc698;
            }
            
            .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;
            }
            
            @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;
                }
            }
            
            .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: 1010px;
                margin: 0 auto;
            }
            
            .Home {
                overflow: hidden;
                background-color: #fff;
            }
            
            @media (max-width: 892px) {
                .service2 {
                    display: block !important;
                }
                .Home2 {
                    display: block !important;
                    text-align: center;
                }
                .display {
                    display: none;
                }
            }
            /*������������ʲô*/
            
            .qhd-content .column {
                width: 100%;
            }
            /*�ֻ�����������ʲô*/
            
            .service2 {
                margin: 0 2.25%;
                position: relative;
            }
            
            @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;
                }
            }
            
            @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;
                }
            }
            
            @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%;
                }
            }
            
            @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%;
                }
            }
            
            @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%;
                }
            }
            
            @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;
                }
            }
            
            .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: #f44336;
                height: 30px;
                text-align: center;
                color: #fff;
                font-size: 20px;
                border-radius: 5px;
            }
            
            .div-middle div:nth-child(2n) {
                font-size: 35px;
                color: #f44336;
                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: #b6b6b6;
            }
            
            .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 #b6b6b6;
                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 .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;
                position: absolute;
                top: 143px;
            }
            
            .shuzi .em01 {
                left: 0
            }
            
            .shuzi .em02 {
                right: 1px
            }
            
            .shuzi span {
                display: block;
                width: 297px;
                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;
            }
            
            .liushui {
                width: 80%;
                display: inline-block;
                margin-left: 10%;
            }
            
            .liushui #fh5co-main {
                width: 25%;
                float: left;
                padding: 10px;
            }
            
            .liushui #fh5co-main img {
                width: 100%;
            }
            
            #fh5co-board .item .fh5co-desc {
                font-size: 1.1em;
                padding: 15px;
                color: black;
            }
            
            #fh5co-board .item .fh5co-desd {
                font-size: 0.8em;
                padding: 0 15px;
                line-height: 22px;
            }
            
            #fh5co-board .item .fh5co-dese {
                font-size: 0.9em;
                padding: 15px;
            }
            /*��˼��*/
            
            .js .animate-box {
                opacity: 1 !important;
            }
            
            .news-g ul li:nth-child(5) a {
                color: #E50251;
            }
            
            .silder-ctrl-con {
                position: relative;
                top: -30px;
                opacity: 0.6;
            }
            
            .indexnew .sidebar {
                float: left;
                width: 40%;
            }
            
            .indexnew .content {
                float: left;
                width: 40%;
            }
            
            body {
                background: #000;
            }
            
            a:hover {
                color: #666666;
                text-decoration: none;
            }
            /*��Ӧʽ*/
            
            @media only screen and (max-width: 1200px) {
                .headlogo img {
                    margin: 0 auto;
                }
                .navmenu {
                    border-top: 1px solid #ececec;
                    border-bottom: 1px solid #ececec;
                    padding: 6px 0;
                    font-size: 1.0em;
                }
                .bottomrights {
                    text-align: left;
                }
                @media (max-width: 892px) {
                    .newsdetails {
                        padding-left: 0;
                        padding-right: 0;
                    }
                }
                @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;
                    }
                    .bottomrights {
                        display: none;
                    }
                }



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