@charset "UTF-8";
                /* CSS Document */
                
                * {
                    padding: 0;
                    margin: 0;
                    font-family: "微软雅黑";
                    font-size: 14px;
                }
                
                html {
                    -webkit-text-size-adjust: none;
                }
                
               
                
                img {
                    vertical-align: middle;
                }
                
              
                body {
                    font-size: 12px;
                    color: #333;
                    _overflow: hidden;
                    overflow-x: hidden;
                    background: #fff;
                    width: 100%;
                    *cursor: default;
                }
                
                body,
                ol,
                table,
                tr,
                td,
                ul,
                li,
                dt,
                dd,
                dl,
                h1,
                h2,
                h3,
                h4,
                h5,
                h6,
                form,
                input,
                select,
                textarea,
                p,
                blockquote,
                pre,
                a,
                abbr,
                acronym,
                address,
                big,
                cite,
                code,
                del,
                dfn,
                em,
                img,
                ins,
                kbd,
                q,
                s,
                samp,
                small,
                strike,
                sub,
                sup,
                tt,
                var,
                b,
                u,
                i,
                center,
                fieldset,
                form,
                label,
                legend,
                table,
                caption,
                tbody,
                tfoot,
                thead,
                tr,
                th,
                td,
                article,
                aside,
                canvas,
                details,
                embed,
                figure,
                figcaption,
                footer,
                header,
                hgroup,
                menu,
                nav,
                output,
                ruby,
                section,
                summary,
                time,
                mark,
                audio,
                video {
                    font-family: "微软雅黑";
                    border: 0px;
                    margin: 0px;
                    padding: 0px;
                }
                
                li {
                    list-style-type: none;
                }
                
              
                /*-------this-a-list---------*/
                
                a {
                    outline: none;
                    cursor: pointer;
                    text-decoration: none;
                    color: #333;
                    transition: all .4s ease 0s;
                    -webkit-transition: all .4s ease 0s;
                    -moz-transition: all .4s ease 0s;
                    -ms-transition: all .4s ease 0s;
                    -o-transition: all .4s ease 0s;
                }
                
                a:active,
                a:hover {
                    text-decoration: none
                }
                
                a,
                area,
                a:active {
                    blr: expression(this.onFocus=this.blur());
                }
                
                 :focus {
                    -moz-outline-style: none;
                }
                
                 ::selection {
                    color: #fff;
                    background-color: #10492D;
                }
                
                 ::-moz-selection {
                    color: #fff;
                    background-color: #10492D;
                }
                
                .blue a {
                    color: #223e42;
                    text-decoration: none;
                }
                
                .blue a:hover {
                    color: #223e42;
                    text-decoration: none;
                }
                
                .write a {
                    color: #fff;
                    text-decoration: none;
                }
                
                .write a:hover {
                    color: #fff;
                    text-decoration: none;
                }
                /*------- the html5 display-role reset for older browsers---------*/
                
                article,
                aside,
                details,
                figcaption,
                figure,
                footer,
                header,
                hgroup,
                menu,
                nav,
                section {
                    display: block;
                }
                
                blockquote,
                q {
                    quotes: none;
                }
                
                blockquote:before,
                blockquote:after,
                q:before,
                q:after {
                    content: '';
                    content: none;
                }
                
                input::-webkit-input-placeholder {
                    /* WebKit browsers */
                }
                
                input:-moz-placeholder {
                    /* Mozilla Firefox 4 to 18 */
                    color: #fff;
                }
                
                input::-moz-placeholder {
                    /* Mozilla Firefox 19+ */
                    color: #fff;
                }
                
                input:-ms-input-placeholder {
                    /* Internet Explorer 10+ */
                    color: #fff;
                }
                
                .top {
                    height: 36px;
                    width: 100%;
                    position: relative;
                    z-index: 999999999999999;
                }
                
                .topleft1 {
                    width: 74%;
                    float: left;
                }
                
                .topleft1 ul li {
                    float: left;
                    line-height: 125px;
                    font-size: 18px;
                    margin-left: 30px;
                    color: #233f43;
                }
                
                .topright1 {
                    width: 30%;
                    float: right;
                }
                
                .sousuo {
                    background-color: #eaeaea;
                    height: 36px;
                    float: right;
                    width: 25%;
                    color: #fff;
                    line-height: 32px;
                    font-size: 14px;
                    border-radius: 20px;
                    margin-top: 45px;
                }
                
                .sousuo input {
                    border: 0px;
                    background: none;
                    margin-left: 15px;
                    width: 78%;
                    padding: 0px;
                    float: left;
                    height: 36px;
                }
                
                input:focus {
                    outline: none;
                }
                
                .sousuo img {
                    float: left;
                }
                /*头部*/
                
                .intop {
                    position: relative;
                    width: 100%;
                    background-color: #fff;
                    height: 125px;
                    z-index: 99999999;
                    /* box-shadow: 0px 0px 8px 0px #ccc; */
                }
                
                .header {
                    position: relative;
                }
                
                .pcheader {
                    width: 100%;
                }
                
                .pclogo {
                    width: 579px;
                    float: left;
                    position: relative;
                }
                
                .headerlist {
                    float: left;
                    padding: 30px 0
                }
                
                .headerlist li {
                    float: left;
                    color: #fff;
                    border-right: 1px solid #fff
                }
                
                .headerlist li a {
                    color: #fff
                }
                
                .topright {
                    float: right;
                    width: 62%;
                }
                
                .headerlist ul li:last-child {
                    border: none;
                }
                
                .soso {}
                
                .soso form input {
                    line-height: 35px;
                    font-size: 14px;
                    height: 35px;
                    background: transparent;
                    width: 190px;
                    border: 0;
                    padding-left: 8px;
                    float: left;
                    color: #333;
                    border-radius: 30px;
                }
                
                .soso .searchbtn {
                    width: 29px;
                    height: 30px;
                    background: url(../images/ss.png) no-repeat;
                    float: right;
                    margin: 3px 6px 10px 6px;
                    cursor: pointer;
                }
                
                button {
                    border: 0 none;
                    background-color: transparent;
                    cursor: pointer;
                }
                
                .sjs {
                    position: relative;
                    width: 100%;
                    text-align: center;
                    z-index: 99
                }
                
                .banner {
                    position: relative;
                    /* top: 90px; */
                }
                
                .jsNav {
                    position: absolute;
                    width: 40%;
                    height: 1px;
                    left: 45%;
                    bottom: 89px;
                    cursor: pointer;
                    z-index: 99999;
                    top: 90%;
                }
                
                .jsNav a {
                    display: block;
                    float: left;
                    width: 15px;
                    height: 15px;
                    border-radius: 50%;
                    margin-right: 6px;
                    cursor: pointer;
                    z-index: 99999;
                }
                
                a.trigger {
                    background-color: #FFFFFF;
                    border: 1px solid #4bb5ac;
                }
                
                a.imgSelected {
                    background-color: #4bb5ac;
                    border: 1px solid #4bb5ac;
                }
                
                .wrap {
                    max-width: 1500px;
                    margin: 0px auto;
                    padding: 0px 3% 0px 3%;
                }
                
                .wrap1 {
                    max-width: 1800px;
                    margin: 0px auto;
                    padding: 0px 3% 0px 3%;
                }
                
                .wrap12 {
                    width: 98%;
                    margin: 0px auto;
                    padding: 0px 0% 0px 0%;
                }

                
                
                .wrap2 {
                    max-width: 1500px;
                    margin: 0px auto;
                    padding: 0px 3% 0px 3%;
                }
                
                .wrap3 {
                    max-width: 1700px;
                    margin: 0px auto;
                    padding: 0px 3% 0px 3%;
                }
                
                .wrap4 {
                    max-width: 1500px;
                    margin: 0px auto;
                    padding: 0px 0% 0px 0%;
                }
                
                .news {
                    position: relative;
                }
                
                .newstit {
                    width: 100%;
                    text-align: center;
                    font-size: 34px;
                    font-weight: bold;
                    color: #4bb5ac;
                    padding-top: 50px;
                    padding-bottom: 50px;
                }
                
                .newstit p {
                    color: #223e42;
                    font-size: 16px;
                    line-height: 36px;
                }
                
                .newstit h1 {
                    border-bottom: 3px solid #4bb5ac;
                    width: 50px;
                    height: 10px;
                    margin: 0px auto;
                }
                /* marqueeleft */
                
             /* marqueeleft */
                                
                                .swrap {
                                    width: 100%;
                                    overflow: hidden;
                                    margin: 0px auto 0px 0;
                                }
                                
                                .swrap ul {
                                    overflow: hidden;
                                    position: absolute;
                                    width: 100%;
                                    left: 0;
                                    top: 0;
                                    _height: 1px;
                                }
                                
                                .swrap ul li {
                                    float: left;
                                    display: inline;
                                    width: 380px;
                                    overflow: hidden;
                                    background-color: #fbfbfb;
                                    border: solid 1px #ededed;
                                    margin-right: 15px;
                                }
                                
                                .swrap ul li a {
                                    color: #223e42;
                                }
                                
                                .swrap ul li:hover {
                                    box-shadow: 0px 0px 2px rgb(0 0 0 / 25%);
                                }
                                
                                .swrap ul li:hover a {
                                    color: #fff;
                                }
                                
                                .swrap ul li h1 {
                                    display: block;
                                    width: 100%;
                                    padding: 2px;
                                    overflow: hidden;
                                }
                                
                                .swrap {
                                    width: 100%;
                                    position: relative;
                       
                                    overflow: hidden;
                                }
                                
                             
                                
                                .swrap ul li p {
                                    text-align: center;
                                    height: 45px;
                                    line-height: 45px;
                                    background-color: #f5f5f5;
									position: absolute;
									z-index: 99999;
									width: 380px;
									bottom: 50%;
                                }
                                
                                .swrap ul li:hover p {
                                    background-color: #4bb5ac;
                                    font-size: 17px;
                                }
                                
                                .swrap ul li:hover p a {
                                    color: #fff;
                                    font-weight: bold;
                                }
                                
                                .swrap ul li {}
                    
                
                .more {
                    width: 150px;
                    height: 40px;
                    line-height: 40px;
                    background-color: #4bb5ac;
                    border-radius: 20px;
                    text-align: center;
                    margin: 40px auto;
                    clear: both;
                }
                
                .more a {
                    color: #fff;
                }
                
                .more :hover {
                    background-color: #67beb7;
                    display: block;
                    border-radius: 20px;
                }
                /*选项卡*/
                
                .moblie_head {
                    display: none
                }
                
                .jianjie {
                    background: url(../images/bg.jpg) repeat;
                    overflow: hidden;
                    padding-bottom: 56px;
                    padding-top: 56px;
                }
                
                .about {
                    width: 46%;
                    float: left;
                    position: relative;
                }
                
                .abouttit {
                    width: 100%;
                    font-size: 34px;
                    font-weight: bold;
                    color: #4bb5ac;
                }
                
                .abouttit p {
                    color: #223e42;
                    font-size: 16px;
                    line-height: 36px;
                }
                
                .abt {
                    background-color: #fff;
                    overflow: hidden;
                    padding: 3%;
                    position: relative;
                }
                
                .abttxt {
                    line-height: 30px;
                    color: #454545;
                    font-size: 16px;
                    padding: 40px 0px 20px 0px;
                }
                
                .more1 {
                    width: 150px;
                    height: 40px;
                    line-height: 40px;
                    background-color: #4bb5ac;
                    border-radius: 20px;
                    text-align: center;
                    margin: 40px 0 20px 0;
                }
                
                .more1 a {
                    color: #fff;
                }
                
                .more1 :hover {
                    background-color: #67beb7;
                    display: block;
                    border-radius: 20px;
                }
                
                .bbg {
                    width: 52%;
                    float: left;
                    box-shadow: 0px 4px 20px rgb(0 0 0 / 15%);
                    background-color: #fdfdfd;
                    padding: 2%;
                    position: relative;
                    left: 3%;
                    padding-bottom: 7%;
                }
                
                .sp {
                    position: absolute;
                    padding: 0% 0 0 0;
                    width:26%;
                    right: 14%;
                }
                
                .hzhb {
                    background: url(../images/lb.jpg) repeat;
                    overflow: hidden;
                }
                
                .partner_box {
                    font-size: 0;
                    margin: 0px auto 0 auto;
                }
                
                .partner_box a {
                    display: block;
                    width: 20%;
                    display: inline-block;
                    background: #fff;
                    text-align: center;
                    padding: 4% 2%;
                    box-sizing: border-box;
                }
                
                .partner_box a:nth-child(2n-1) {
                    background: #f2f2f2;
                }
                
                .partner_box a .pic {
                    /*width: 50%;*/
                    overflow: hidden;
                    margin: 0 auto;
                }
                
                .partner_box a .pic img {
                    width: auto;
                    width: 100%;
                }
                
                .partner_box a:hover {
                    box-shadow: 0px 0px 15px #ccc;
                }
                
                .partner_box a .pic .hover {
                    display: none;
                }
                
                .partner_box a:hover .pic .default {
                    display: none;
                }
                
                .partner_box a:hover .pic .hover {
                    display: inline;
                }
                
                .partner_box a b {
                    font-size: 18px;
                    font-weight: normal;
                }
                
                .partner_box a:hover b {
                    color: #fff;
                }
                
                .clear {
                    height: 30px;
                }
                
                .footleft {
                    width: 27%;
                    margin-top: 20px;
                }
                
                .footer3 {
                    width: 100%;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-flex-direction: row;
                    flex-direction: row;
                    padding-bottom: 20px;
                }
                
                .footcenter {
                    width: 40%;
                    color: #fff;
                    line-height: 30px;
                    padding-top: 30px;
                    font-size: 16px;
                }
                
                .footright {
                    display: -webkit-flex;
                    display: flex;
                    -webkit-justify-content: flex-end;
                    justify-content: flex-end;
                    width: 30%;
                    text-align: center;
                    color: #fff;
                    font-size: 15px;
                    padding-top: 40px;
                }
                
                .footcenter p {
                    font-size: 20px;
                    font-weight: bold;
                    padding-bottom: 10px;
                }
                
                .footright1 {   margin-left: 15px;}
                
                .footright2 {
                    margin-left: 15px;
                }



                .mr_frbox {
                    padding: 24px 22px 0px;
                }
                
                .mr_frBtnL {
                    float: left;
                    margin: 193% 22px 0px 0px;
                    cursor: pointer;
                    display: inline;
                }
                
                .mr_frbox1 {
                    width: 5%;
                    float: left;
                }
                
                .mr_frbox2 {
                    width: 5%;
                    float: right;
                }
                
                .mr_frUl {
                    float: left;
                    width: 90%;
                }
                
                .mr_frBtnR {
                    float: right;
                    margin-top: 28px;
                    cursor: pointer;
                    margin-top: 193%;
                }
                
                .mr_frUl ul li {
                    display: inline;
                    float: left;
                    width: 19%;
                
                    overflow: hidden;
                    margin-right: 10px;
                }

                
                .mr_frUl ul li  img {
                    display: block;
                   
        
                    width: 80%;
                    margin: 0% auto 0px auto;
                }
                
                /* .mr_frUl ul li a:hover img {
                    box-shadow: 0px 4px 13px rgb(0 0 0 / 15%);
                } */

                .mr_frUl ul li p{}

              #hhover {
                    width: 100%; overflow: hidden; background-color: #f4f4f4; padding: 15% 5%;margin-top: 5%;
                }
         
                
                .partner_box a .pic {
                    /*width: 50%;*/
                    overflow: hidden;
                    margin: 0 auto;
                }
                
                .partner_box a .pic img {
                    width: auto;
                    width: 100%;
                }
                
                /* .mr_frUl ul li a:hover {
                    box-shadow: 0px 0px 15px #ccc;
                } */




                
                @media screen and (min-width: 1025px) {

                    .wel-04 {
                        display: none;
                    }
                    .new-tit1 p {
                        display: none;
                    }
                    .new-tit3 p {
                        display: none;
                    }
                    .slideBox {
                        display: none;
                    }
                    .swrap1{display: none;}
                    
                   .waphz{display: none;}
                   .footrights{display: none;}
                   .footleft11{display: none;}

                }
                
                @media screen and (max-width: 1024px) {
                    .end {
                       
                        padding-bottom: 0px;
                        
                    }
                    .endleft span{display: none;}
                    .footleft11{width: 26%; margin: 10px auto;}
                    .footleft11 img{width: 100%;}
                    .footcenter {
                       
                        padding-top: 0px;
                     
                    }
                    .footer3 {
                   
                        padding-bottom: 0px;
                    }
                    .footright_wap{width: 23%; margin: 0px auto; margin-left: 2%; text-align: center; float: left; color: #fff; padding: 10px 0px 20px 0px;}
.footright_wap img{max-width: 100%;}
.endleft {}
.endleftdd{width: 90%; margin: 0px auto;}
.endleftdd img{width: 100%;}
                   
                .hzhb{display: none;}
                    .mr_frUl1 ul li {
                        width: 46%;
                        float: left;
                        margin-left: 3%;
                    }
                    .mr_frUl1 ul li img {
                        display: block;
                        border: 1px solid #eaeaea;
                        border-radius: 20px;
                        width: 100%;
                        margin: 4% auto 20px auto;
                        height: 80px;
                    }
.more{margin: 20px auto;}
                    .slideBox{ width:100%; height:auto; overflow:hidden; position:relative; border:1px solid #ddd;  }
                    .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
                    .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
                    .slideBox .hd ul li{ float:left; margin-right:2px; font-size: 13px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
                    .slideBox .hd ul li.on{ background:#4bb5ac; color:#fff; }
                    .slideBox .bd{ position:relative; height:100%; z-index:0;   }
                    .slideBox .bd li{ zoom:1; vertical-align:middle; }
                    .slideBox .bd img{ width:100%; height:auto; display:block;  }
            
                    /* 下面是前/后按钮代码，如果不需要删除即可 */
                    .slideBox .prev,
                    .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
                    .slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
                    .slideBox .prev:hover,
                    .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
                    .slideBox .prevStop{ display:none;  }
                    .slideBox .nextStop{ display:none;  }


.swrap{display: none;}

.swrap1 {
    width: 100%;
    position: relative;
    height: auto;
    overflow: hidden;
}


.swrap1 ul li { float: left;
    display: inline;
    width: 46%;
    overflow: hidden;
    background-color: #fbfbfb;
    border: solid 1px #ededed;
    margin: 2% 2% 0 2%;
    font-size: 15px;
    line-height: 30px; text-align: center;
    }
    .swrap1 ul li p {-webkit-line-clamp: 1;  line-clamp: 1;  -webkit-box-orient: vertical; box-orient: vertical; display: -webkit-box; overflow: hidden; height: 30px; line-height: 30px;

       
    }

 .swrap1 ul li h1 {
    width: 100%;
    position: relative;
    height: auto;
    overflow: hidden;
}

.swrap1 ul li h1 img  {
    width: 100%;
    height: 160px;
    
    transition: all 0.6s;
    cursor: pointer;
}


 
.swrap1 ul li h1 img:hover {
     transform: scale(1.2);
 }
 



                    .wrap1 {
                        padding: 0px 2% 0px 2%;
                    }
                    .newstit {
                        font-size: 25px;
                        padding-top: 30px;
                        padding-bottom: 30px;
                    }
                    .marqueeleft li {
                        width: 15%;
                        overflow: hidden;
                        margin-right: 15px;
                    }
                    .more {
                        font-size: 15px;
                    }
                    .marqueeleft li .txt {
                        font-size: 15px;
                    }
                    .kePublic {
                        display: none;
                    }
                    .pc-bg-container {
                        display: none;
                    }
                    .wrap {
                        width: 98%;
                        margin: 0px auto;
                    }
                    .rollBox {
                        display: none;
                    }
                    .js img {
                      margin-top:30px;
                    }
                    .js {
                        display: block
                    }
                    .slide-main {
                        height: 580px;
                        position: relative;
                        display: none
                    }
                    .intro_l p {
                        font-size: 16px;
                        line-height: 26px;
                        color: #000;
                        margin: 40px 0 30px 0;
                        letter-spacing: -0.025em;
                    }
                    .rollBox .Cont .pic img {
                        padding-bottom: 0px;
                    }
                    .fft {
                        padding-top: 5%;
                    }
                    .jsNav {
                        position: absolute;
                        width: 53%;
                        height: 1px;
                        left: 40%;
                        bottom: 89px;
                        cursor: pointer;
                        z-index: 99999;
                        top: 26%;
                    }
                    .jsNav a {
                        display: block;
                        float: left;
                        width: 15px;
                        height: 15px;
                        border-radius: 50%;
                        margin-right: 6px;
                        cursor: pointer;
                        z-index: 99999;
                    }
                    a.trigger {
                        background-color: #fff;
                        border: 1px solid #4bb5ac;
                    }
                    a.imgSelected {
                        background-color: #4bb5ac;
                        border: 1px solid #4bb5ac;
                    }
                    .soso {
                        width: 100%;
                        border-radius: 30px;
                        height: 40px;
                        background: #4bb5ac;
                        margin-top: 20px;
                    }
                    .focus .fbg {
                        bottom: -8%;
                        right: 40px;
                        position: absolute;
                        height: 21px;
                        text-align: center;
                        z-index: 200;
                    }
                    .focus .shadow {
                        height: 40px;
                        line-height: 40px;
                    }
                    .zxx {
                        display: none;
                    }
                    .yxx {
                        display: none;
                    }
                    .m-inforg1 {
                        padding: 0px 0;
                    }
                    .bannerii {
                        position: relative;
                        overflow: auto;
                        text-align: center;
                        width: 100%;
                        margin: 0 auto
                    }
                    .bannerii ul .slider-item {
                        width: 100%;
                        float: left;
                        height: 400px;
                        position: relative;
                        overflow: hidden;
                    }
                    .bannerii img {
                        width: 100%;
                        height: 250px;
                    }
                    .bannerii #ar {
                        right: 18px;
                    }
                    .bannerii ul .slider-item {
                        width: 100%;
                        float: left;
                        height: 250px;
                        position: relative;
                        overflow: hidden;
                    }
                    .bannerii ul .slider-item .slider-title {
                        -webkit-line-clamp: 1;
                        line-clamp: 1;
                        -webkit-box-orient: vertical;
                        box-orient: vertical;
                        display: -webkit-box;
                        overflow: hidden;
                        width: 100%;
                    }
                    .jsleft {
                        width: 100%;
                        float: none;
                        color: #000;
                        line-height: 38px;
                        font-size: 16px;
                        padding-top: 20px;
                    }
                    .jsright {
                        width: 100%;
                        float: none;
                        padding-top: 30px;
                    }
                    .jsright img {
                        width: 100%;
                    }
                    .dimg {
                        display: none;
                    }
                    .rry {
                        margin-top: 6px;
                    }
                    .top {
                        display: none;
                    }
                    .abouttit {
                        width: 100%;
                        font-size: 25px;
                        font-weight: bold;
                        color: #4bb5ac;
                        text-align: center;
                    }
                    .abouttit p {
                        color: #223e42;
                        font-size: 16px;
                        line-height: 36px;
                    }
                    .about {
                        width: 100%;
                        float: none;
                        position: relative;
                    }
                    .more1 {
                        margin: 20px auto;
                        font-size: 15px;
                    }
                    .abt {
                        width: 96%;
                        margin: 0px auto;
                    }
                    .jianjie {
                        padding-bottom: 30px;
                        padding-top: 30px;
                    }
                    .abttxt {
                        padding: 20px 0px 20px 0px;
                    }
                    .bbg {
                        display: none;
                    }
                    .sp {
                        position: relative;
                        padding: 4% 0 0 0;
                        width: 100%;
                        right: 0%;
                    }
                 
                    .partner_box a {
                        width: 33%;
                    }
                    .partner_box {
                        width: 94%;
                    }
                    .partner_box a:nth-child(10) {
                        display: none;
                    }
                }

                .sp video{height: 500px;}
                
                @media (max-width: 750px) {
                    html {
                        font-size: 26px !important;
                    }
                }
                
                @media (max-width: 767px) {
                    html {
                        font-size: 22px !important;
                    }
                }
                
                @media (max-width: 479px) {
                    html {
                        font-size: 20px !important;
                    }
                }
                
                @media (max-width: 320px) {
                    html {
                        font-size: 20px !important;
                    }
                }
                
                @media screen and (max-width: 998px) {
                    .hiSlider-title {
                        overflow: hidden;
                        -webkit-line-clamp: 1;
                        line-clamp: 1;
                        -webkit-box-orient: vertical;
                        box-orient: vertical;
                        display: -webkit-box;
                    }
                    .gybw {
                        background-color: #f8f8f8;
                        position: relative;
                        top: 140px;
                        padding-top: 3%;
                    }
                    .banner {
                       display: none;
                    }
                }
                
                @media screen and (width: 1920px) {}
                
                @media screen and (max-width: 1660px) and (min-width:998px) {
                    .endright {
                        width: 19%;
                    }
                }
				
				
				@media screen and (min-width: 1771px)and (max-width: 2000px) {
		
				/*  #marquee1_1 .pic {
				       
				         width: 100%;
				         overflow: hidden;
				     }
				     
				     #marquee1_1 .pic img {
				         width: 100%;
				         height: 330px;
				         margin: 0px 0px 0px 0px;
				         transition: all 0.6s;
				         cursor: pointer;
				     }
				     
				    #marquee1_1 .pic img:hover {
				         transform: scale(1.2);
				     } */
					 
					 
					 .swrap {
					     width: 100%;
					     position: relative;
					     height: 380px;
					     overflow: hidden;
					 }
					 
					 
					  .swrap ul li h1 {
					     width: 100%;
					     position: relative;
					     height: 380px;
					     overflow: hidden;
					 }
					 
					 .swrap ul li h1 img  {
					     width: 100%;
					     height: auto;
					     margin: 10px 0px 20px 0px;
						 transition: all 0.6s;
						 cursor: pointer;
					 }
					 
				
					  
				 .swrap ul li h1 img:hover {
					      transform: scale(1.2);
					  }
					  
					 
					 
					 
					 
					 
					 
					 
					 
					 
					 #marquee1_2 .pic {
					      
					        width: 100%;
					        overflow: hidden;
					    }
					    
					    #marquee1_2 .pic img {
					        width: 100%;
					        height: 330px;
					        margin: 0px 0px 0px 0px;
					        transition: all 0.6s;
					        cursor: pointer;
					    }
					    
					#marquee1_2 .pic img:hover {
					        transform: scale(1.2);
					    }
					 }   
					 @media screen and (min-width: 1551px)and (max-width: 1770px) {
						.swrap {
											     width: 100%;
											     position: relative;
											     height: 380px;
											     overflow: hidden;
											 }
											 
											 
											  .swrap ul li h1 {
											     width: 100%;
											     position: relative;
											     height: 380px;
											     overflow: hidden;
											 }
											 
											 .swrap ul li h1 img  {
											     width: 100%;
											     height: auto;
											     margin: 10px 0px 20px 0px;
												 transition: all 0.6s;
												 cursor: pointer;
											 }
											 
										
											  
						.swrap ul li h1 img:hover {
											      transform: scale(1.2);
											  }
											  
					 
					 #marquee1_2 .pic {
					      
					        width: 100%;
					        overflow: hidden;
					    }
					    
					    #marquee1_2 .pic img {
					        width: 100%;
					        height: 300px;
					        margin: 0px 0px 0px 0px;
					        transition: all 0.6s;
					        cursor: pointer;
					    }
					    
					#marquee1_2 .pic img:hover {
					        transform: scale(1.2);
					    }
					 					 
					 }

                     @media screen and (min-width: 1025px)and (max-width: 1360px) {
                     .sp video{height: 470px;}

                    }
                    @media screen and (min-width: 1367px)and (max-width: 1500px) {
                        .sp video{height: 480px;}
   
                       }
					 @media screen and (min-width: 1025px)and (max-width: 1550px) {
                        
					 	.swrap {
					 						     width: 100%;
					 						     position: relative;
					 						     height: 350px;
					 						     overflow: hidden;
					 						 }
					 						 
					 						 
					 						  .swrap ul li h1 {
					 						     width: 100%;
					 						     position: relative;
					 						     height: 350px;
					 						     overflow: hidden;
					 						 }
					 						 
					 						 .swrap ul li h1 img  {
					 						     width: 100%;
					 						     height: auto;
					 						     margin: 10px 0px 20px 0px;
					 							 transition: all 0.6s;
					 							 cursor: pointer;
					 						 }
					 						.topleft1 {
					 						    width: 74%;
					 						    float: left;
					 						} 
					 					
					 						  
					 	.swrap ul li h1 img:hover {
					 						      transform: scale(1.2);
					 						  }
					  
					  #marquee1_2 .pic {
					       
					         width: 100%;
					         overflow: hidden;
					     }
					     
					     #marquee1_2 .pic img {
					         width: 100%;
					         height: 260px;
					         margin: 0px 0px 0px 0px;
					         transition: all 0.6s;
					         cursor: pointer;
					     }
					     
					 #marquee1_2 .pic img:hover {
					         transform: scale(1.2);
					     }
					  					 
					  }