*{
    margin: 0;
    padding: 0;
}


body{

    -webkit-font-smoothing: antialiased;

    font-family: Microsoft YaHei,tahoma,arial,Hiragino Sans GB,\\5b8b\4f53,sans-serif;

    font-size:100%;

    background-color: #fff;

    color: #454545;

    /*min-width:1200px;*/

}

html{
    font-size: 62.5%;
} 
li{

    list-style: none;

}

p,a,li,ul,div{
    /* font-size: 0.16rem; */
    /* letter-spacing: 0.1em; */
}

/*.disc li div{line-height: 0.2rem;}*/

/*清除浮动*/
.clear{ clear:both;}
.left{
    clear: both;
}
/*清除内外边距*/
h1, h2, h3, h4, h5, h6 {

    font-size: 100%;
}

/*设置默认字体*/
:focus {
    outline: 0;
}

ul,
ol {
    list-style: none;
}

/*重置列表*/
fieldset, img {
    border: 0 none;
    vertical-align: top;
}

/*重置图片元素*/
address, caption, cite, code, dfn, em, i, th, var, optgroup {
    font-style: normal;
    font-weight: normal;
}

abbr, acronym {
    border: 0;
    font-variant: normal;
}

input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

code, kbd, samp, tt {
    font-size: 100%;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {
    *font-size: 100%;
    outline: none;
}

/*
form label {
    cursor: pointer;
}
*/

textarea {
    resize: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*重置表格*/
blockquote, q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

a {
    color: #333;
    text-decoration: none;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;


}
 
a.special,
.special a {
    color: #1eb37b;
}

a.special:hover,
.special a:hover {
    color: #1eb37b;
    text-decoration: none;
}

/*--清除浮动
-------------------------------------------*/
.cf:before,
.cf:after,
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.cf:after,
.clearfix:after {
    clear: both;
}

.cf,
.clearfix {
    clear: both;
    *zoom: 1;
}
.tc{text-align: center;}
.clear{ clear:both;}
/*-- 字号、颜色、外边距、内补丁、居中、行高、显示、隐藏
--------------------------------------------------------------------------*/
.c-333 {
    color: #333;
}

.c-666 {
    color: #666;
}

.c-999 {
    color: #999;
}

.c-green {
    color: #1fb079;
}

.c-orange {
    color: #fc714c;
}

.c-reg {
    color: #d90106;
}

/* 字号 */
.f9 {
    font-size: 9px;
    -webkit-text-size-adjust: none;
}

.f12,
.fb12 {
    font-size: 12px;
}

.simsun {
    font-family: SimSun;
}

.f14,
.fb14 {
    font-size: 14px;
}

.f16,
.fb16 {
    font-size: 16px;
}

.f18,
.fb18 {
    font-size: 18px;
}

.f20,
.fb20 {
    font-size: 20px;
}

.fb,
.fb12,
.fb14,
.fb16,
.fb18,
.fb20 {
    font-weight: 700;
}

/* 隐藏 居中 */

.tc {
    text-align: center;
}

.tr {
    text-align: right;
}

.show {
    display: block;
}

.hide {
    display: none !important;
}

/*文字隐藏,省略号*/
.ti,
.te {
    white-space: nowrap;
    overflow: hidden;
}

.ti {
    text-indent: -999em;
}

.te {
    text-overflow: ellipsis;
}


.clear{ clear:both;}




/* 共用 ==================*/ 
.m{
    max-width:1650px; 
    width: 100%; 
    margin: 0 auto; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
    box-sizing: border-box;
    /* overflow: hidden;   */
    &::after{
        content: '';
        display: table;
        clear: both;
    } 
}
.img img {
    width: 100%;
    height: 100%;
    display: block;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    object-fit: cover;
    display: block
}
:before, :after{
    display: block;
    transition: .5s;
}

 
 
section{
            max-width: 1920px;
            margin: 0 auto;
        }
 .banner img{width: 100%;} 
#m_nav li .a .icon.rotated {
            transform: rotate(0deg);
        } 
        .swiper-scrollbar-drag{margin-right: 10px;}
        .banner .imgs{height: 100%;}
        .banner .imgs img{height: 100%;}

        
        .mySwiperuu .swiper-slide .img img{height: 30.2rem;} 
        .product .p-f>.bom .box .txt span{line-height: 3rem !important;}
        .about-who .m .swiper .img{height: 57rem !important;}
        .home_product .m .ul .box .img img{margin: 0 auto;} 


        @media (max-width:992px) {
            .breadcrumb{margin-top: 7rem !important;height: inherit !important;line-height: 2.9rem !important;padding: 1.5rem 0;}
            .about-who .m .swiper{margin-top: 4rem !important;}
            .about-project .swiper-slide img{width: 100%;}
        .contact .con-t .mySwiper2 .cen .img{width: 100% !important;height: inherit !important;}
        .contact .img{width: 100% !important;}
        .contact .publick-list .list>.box .txt{justify-content: flex-start !important;}
        .home_wecan .pic .box .txt span{font-size:2.5rem !important;padding-bottom: 2.5rem !important;} 
        .home_wecan .pic .box.add .txt>span{font-size: 2.5rem !important;} 
        .product .p-o .p-bm .imgc .img img{height: 44.3rem !important;}
        .product .p-o .p-bm .imgc .img:last-child{margin-left: 0 !important;margin-top: 2.5rem;}
        .product .p-o .p-bm .imgc .kk img{height: 100% !important;margin: 0 auto;}
        .product .p-o .p-bm .imgc .img:last-child{border:none;}
        .product .p-t .p-tt .box .img img{margin:0 auto;}
        .home_wecan .pic .box .img:first-child{max-height: 53.8rem !important;}
        .home_wecan .pic .box .img img{object-fit: inherit !important;}
        .home_wecan .pic .box:nth-child(2) img,.home_wecan .pic .box:nth-child(3) img,.home_wecan .pic .box:nth-child(4) img,.home_wecan .pic .box:nth-child(5) img{max-height: 28.1rem !important;}
        .home-Project .swiper-demo11 .swiper-slide{height: 44.4rem !important;}
        .home_product .m .ul .box .img img{max-width: 35rem !important; max-height: 35rem !important;}
        .home-what .content .box .r-t span{line-height: 3.15rem !important;}
        .about-project .mySwiperqq .swiper-slide .cen{width: 100%; transition: 1s;
                -webkit-transition: 1s;
                -moz-transition: 1s;
                -ms-transition: 1s;
                -o-transition: 1s;}
        .home-about .m .text p{padding-right: 0 !important;}
        .more{height: inherit !important; }
        .home-about .m .text .bom .down-load{line-height: 3.5rem !important;padding: 0 1rem !important;}
        .home-about .m .text .bom .more a{line-height: 3.5rem;}
        .home_wecan .m .publick-title{padding: 0 !important;}
        .home-what .content .box .r-t span,.publick-title h4{font-size: 2rem !important;}
        .product .p-f{padding-top: 3.75rem !important;}
        .about-who .m .swiper .img{height: inherit !important;}
        .lxwm .m{padding: 3.75rem 2.5rem !important;}
        .sidebar{right:0 !important;}
        .news .m .mySwiper .swiper-slide span{font-size: 2.6rem !important;}
        .news .m .mySwiper p{font-size: 1.6rem !important;color: #666 !important;}
        .news .m .mySwiper .swiper-slide img{height: inherit !important;}
        .news .m .content .swiper-button-prev, .news .m .content .swiper-button-next{top:81% !important;}
        .news .m .mySwiper .swiper-slide .txt span:last-child{ margin-top: 3rem !important;}
    .news.on{padding-top: 3.75rem !important;margin-top: 0 !important;}
    .news .m .mySwiper{padding-bottom: 0 !important;}
    .contact .con-t .mySwiper2 .m{padding: 0 !important;} 
    .product .p-t .p-tt{margin-top: 0 !important;}
        }

        @media (max-width:1200px) {
            .news .publick-list .img{width: inherit !important;}
            .news .m .mySwiper .swiper-slide img{width: 100% !important;}
            .news .cen .img{height: inherit !important;}
        }


        @media (max-width:1400px) {
            .home-Project{display: none;} 
        }


        @media (max-width:768px) {
            .product .p-o .p-bm .imgc .img img{height: inherit !important;}
            .product .p-o .p-bm .imgc .kk{padding: 1rem !important;}
            .product .p-t{padding-top: 3.75rem !important;} 
            .product .p-f > .bom .box .txt span{line-height: 2rem !important;}
        }
        @media (max-width:576px) {
            .product .p-f{padding-bottom: 0 !important;} 
            .product .p-t .publick-title{padding-bottom: 2rem !important;}
            .contact .publick-list .list > .box .txt h4{margin-bottom: 1rem !important;}
            .news .m .mySwiper{margin-top: 1rem !important;}
            .product{padding-top: 3.75rem !important;} 
            .contact .con-t .mySwiper2 .cen{padding: 0 2.5rem !important;}
            
            
        }
        @media (max-width:375px) {
            .home_product .m .ul{grid-template-columns: repeat(1, 1fr) !important;}
            .home_product .m .ul .box{padding-bottom: 0;}

            .home-about .m .text p{padding-right: 0 !important;}
            .more{height: inherit !important;line-height: 2rem !important;}
            .home-about .m .text .bom .down-load,.product .p-f > .bom{line-height:2.5rem !important;padding: 0 1.5rem !important;}
            .home-about .m .text .bom .more a,.home-why .m .text .bom .more a{line-height: 2.5rem;}
            .home-why .m .text .bom .more a,.home-why .m .text .bom > a,.product .p-s .bom a,.about-project .m .bom a{line-height: 2.5rem !important;}
            .product .p-s .bom a{height: 2.5rem !important;}
            .home-about .m .text .bom .down-load a,.home-about .m .text .bom .more a,.home-why .m .text .bom .more a,.home-why .m .text .bom > a{font-size: 1.4rem !important;line-height: 2.5rem;}
            .home-jizx .m .swiper .swiper-slide .txt{display: none;}
            .home-jizx .m .swiper .swiper-slide .img{margin:0 auto !important;}
            .m{padding: 0 1.5rem !important;}
            .home-why .m{padding: 0 !important;}
            .home_wecan .m{padding: 0 !important;}
            .product .p-s{margin-top: 3.5rem !important;}
            .product{padding-top: 3.75rem !important;}
            .product .p-s .bom a{margin:0.5rem 0 !important}
            .product .p-s h2{font-size: 2rem !important;}
            .product .p-s p{font-size: 1.5rem !important;}
            .about-why .content .mySwiper22 .swiper-slide .txt{height: 3.5rem !important; line-height: 3.5rem !important;padding: 0 1.5rem !important;}
            .ls6W1 .swiper-slide{height: inherit !important;}
            .xp-tc .content .right{padding: 2rem !important;background: url(../img/63.png) no-repeat 2rem 2rem !important;}
            .xp-tc .content .right > img{top:1rem !important;}
            .lxwm .top .right form .input-wrapper{height:4rem !important;}
            .lxwm .top .right{padding: 0 !important; box-shadow: none !important;}
            .lxwm .top .right .t .input-wrapper{height: 9rem !important;}
            .lxwm .top .right form .in{gap:1rem !important;} 
        .news .m .content .swiper-button-prev, .news .m .content .swiper-button-next{top:87% !important;}
        .contact .publick-list{margin-top: 3.75rem !important;}
        .home_wecan .m{padding:0 1rem !important;}
        .home-about .m .text .bom{display: inline !important;}
        .home-about .m .text .bom .down-load{margin-left: 0 !important;}
        .home-why .m .text .bom{display: inline !important;}
        .home-jizx .m .text .bom{top:2rem !important;}
        .home-why .m .text .bom > a{margin-left: 0 !important;}
        .home-what{padding-top: 7rem !important;}
        .home-about .m .text .bom .down-load{width: 50% !important;}
        .home-what .content .text{display: inline !important;}
        .breadcrumb{line-height: 1.9rem !important;}
        .banner .m .text h2{line-height:4rem !important;}
            .product .p-f > .bom{grid-template-columns: repeat(1, 1fr) !important;}
            .about-who .publick-title span{font-size: 1.4rem !important;}
            .about-Partners .anniu a{line-height: 2.5rem !important;}
            .contact .publick-list .publick-title{margin-bottom: 0 !important;}
            .home-why .m .text .bom > a{margin-top: 0.8rem !important;}
            .contact .con-t .mySwiper2 .cen{padding: 0 1.5rem !important;}
            .product .p-t .p-tt{display: inline !important;}
        }



        .banner .swiper-pagination{bottom: 3rem !important;}
        .banner .swiper-pagination-bullet{background:#fff;width: 1.5rem;height: 1.5rem;opacity:1;}
       .banner .swiper-pagination-bullet-active{background:#192F7C;width: 1.5rem;height: 1.5rem;opacity: 1;}


 