@charset "utf-8";

/* CSS Document */

.m-menubtn{position: fixed;z-index: 102;top:0;right: 0;width:60px;height:60px;cursor: pointer;-webkit-transition:.5s;transition:.5s; display:none}
.m-menubtn span{position: absolute;top:0;bottom: 0;left: 0; right: 0; width:20px;height:2px; background: #333; margin: auto;}
.m-menubtn span:before, .m-menubtn span:after {content: "";width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;right: 0;margin: auto; background-color: #333;}
.m-menubtn span:before {bottom: 5px;}
.m-menubtn span:after {bottom: -5px;}
/*.m-menubtn.active span:before{-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg); background:#df1e25}
.m-menubtn.active span:after {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0;}
.m-menubtn.active span {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); background:#df1e25}
.m-menubtn.active span, .m-menubtn.active span:before, .m-menubtn.active span:after {right: 0;bottom: 0;}*/
.m-menubtn span, .m-menubtn span:before, .m-menubtn span:after{-webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);-moz-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);-o-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);}
/*.m-menubtn:before {content: "Menu";font-size: 12px;position: absolute;bottom: 10px; left: 0; right: 0; margin: auto;text-align: center; color:#fff}

*/

.m-menu{position:fixed; right:0;top:0; width:100%; height:100%;overflow-x:hidden;z-index:400; visibility:hidden}
.m-menu .m-menubg{width:100%; height:100%; position:absolute; left:0;top:0; background:rgba(0,0,0,.25); z-index:1; opacity:0; -moz-transition:.4s;-webkit-transition:.4s;transition:.4s}
.m-menu .m-menu-con{ position:relative; width:300px; height:100%;padding-bottom:30px;overflow-y:auto;overflow-x:hidden; background:#fff;left:-100%;-webkit-transition:.4s;
    -moz-transition:.4s;
    -ms-transition:.4s;
    -o-transition:.4s;
    transition:.4s; z-index:2}
.m-menulist li{ position: relative;border-bottom: 1px solid #ddd;}
.m-menulist li>a{ font-size:18px;line-height:45px; padding:0 20px; position:relative}
.m-menulist li>i{ position:absolute; width:50px; height:46px; right:0;top:0;}
.m-menulist li>i:before{ content:""; width:16px; height:2px; background:#c2c2c2; position:absolute; left:12px;top:21px;}
.m-menulist li>i:after{ content:""; width:2px; height:16px; background:#c2c2c2; position:absolute; left:19px;top:14px;}
.m-menulist li.on i:after{ -moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg); opacity:0}

.m-menulist a{ display:block; color:#101010;}
.m-menulist .sub{ display:none; background:#df1e25; padding:10px 0}
.m-menulist .sub a{color:#fff; line-height:26px;font-size:15px; padding:0 20px; position:relative}
.m-menulist li.fir{ display:flex; display:-webkit-flex; align-items:center; justify-content:space-between;}
.m-menulist li.fir .mlogo{ height:60px;display:flex; display:-webkit-flex; align-items:center;}
.mlogo img{ height:25px;}
.m-menulist li.fir .closed{width:30px; height:30px; position: relative;cursor:pointer;margin-right: 20px;}
.m-menulist li.fir .closed:after{ content:""; width:2px; height:30px; background:#666; position:absolute; left:15px;top:0; -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.m-menulist li.fir .closed:before{ content:""; width:2px; height:30px; background:#666; position:absolute; left:15px;top:0; -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}

.m-menu.active{ visibility:visible}
.m-menu.active .m-menubg{ opacity:1}
.m-menu.active .m-menu-con{ left:0}


.m-footer{color:#fff; position:fixed; width:100%; left:0;bottom:0; display:none; z-index:99;background: #005bac;
background: -webkit-linear-gradient(left, #22bcf0, #013e96);
background: -o-linear-gradient(right, #22bcf0, #013e96);
background: -moz-linear-gradient(right, #22bcf0, #013e96);
background: linear-gradient(to right, #22bcf0, #013e96);}
.m-footer li{ float:left; width:50%; text-align:center}
.m-footer a{ display:block; line-height:20px;color:#fff;}
.m-footer .tel i{ display:block;background:url(../images/f-icon01.png) no-repeat center; background-size:20px; height:25px;}
.m-footer .mail i{ display:block;background:url(../images/f-icon03.png) no-repeat center; background-size:20px; height:25px;}
.m-footer span{ display:block;}
.inner-nav-m{ display:none; position:absolute;right:0;top:0;width:100%;z-index:9}
.inner-nav-m .tit{font-size:16px; line-height:40px; height:45px; white-space:nowrap; text-overflow:ellipsis; padding-right:20px; color:#333; float:right;position:relative;}
.inner-nav-m .tit:after{ content:""; width:6px; height:6px; border-top:1px solid #333; border-right:1px solid #333; -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg); display:block; position:absolute;right:5px;top:16px}
.inner-nav-m .sub{position:absolute;top:45px; width:100%;left:0; background:#093580; display:none; }
.inner-nav-m .sub a{ display:block; border-bottom:1px solid rgba(255,255,255,.2); background:#093580; line-height:20px;color:#fff; padding:8px 10px}
.inner-nav-m .sub a:hover{ background:#f4ce1a;}

.i-product .left .m-pro01{ display:none}
.i-mproduct{ display:none}
.i-mproduct ul{ display:flex; display:-webkit-flex;}
.i-mproduct ul li{ border-right:1px solid #eee;width:16.66%}
.i-mproduct ul li:last-child{ border-left:0}
.i-mproduct a{ display:block; font-size:16px; padding:5px; text-align:center; height:50px; line-height:20px; display:flex;display:-webkit-flex; justify-content:center;align-items:center; text-align:center}

@media screen and (max-width:1920px){.nbanner{ height:450px}}
@media screen and (max-width:1680px){
.header .wrap{ padding:0 50px}
.main-about #shege{ left:50px}
}
@media screen and (max-width:1500px){

.wrap{ width:1300px}
.i-product .left{ width:33%; max-height:778.81px; overflow:hidden}
.i-product .right{ width:66%}
.i-product .bot{ margin-top:1.5%}
.i-product .bot a{ width:49.2%}
.i-product .txt{padding: 0 35px 15px;}
.i-product .right .txt h3{ font-size:22px}
.network-list-02{ width:300px}
.network-list-02 .pic{ margin:15px}
.network-list-02 .txt{ padding:0 15px 15px}
}
@media screen and (max-width:1400px){.wrap{ width:1250px}}
@media screen and (max-width:1365px){
.header .wrap{ padding:0 20px}
.wrap{ width:100%; padding:0 20px}
.menu>ul>li{ margin:0 20px}
.f-nav li{margin-right: 90px;}
.i-about .con .right{ padding:5% 5%}
.i-product .wrap{ position:relative}
.i-product .left{ position:absolute; left:0;top:0; height:100%; max-height:inherit}
.nbanner{ height:auto}
.nbanner .nbantit{top:35%}
.nbanner .nbantit .entit{ font-size:40px; white-space:nowrap}
.nbanner .nbantit .cntit{ font-size:30px}

.main{ padding:60px 0}
.main-about #shege{ left:20px}
.network-list-02{ right:30px}
}
@media screen and (max-width:1250px){
.network-list-2{ width:calc(100% - 890px)}
.network-2{ width:750px}
}
@media screen and (max-width:1199px){
.menu>ul>li{ margin:0 10px}
.f-nav li{ margin-right:60px}
.video-show{ width:94%}
.video-close{right:auto;left:50%; margin-left:-15px;top:100%}
.main-about:before{ background-size:contain}
.network-2{ width:auto; margin-bottom:30px}
.network-list-2{ position:relative; width:100%}
.network-list-2 li .pic{ width:260px; float:left}
.network-list-2 li .pic img{ width:100%;}
.network-list-2 li .txt{ width:calc(100% - 280px); float:right}
.network-list-02{ position:relative; width:100%; right:auto}
.network-list-02 .swiper-slide{ padding:15px}
.network-list-02 .pic{ width:260px; float:left; margin:0}
.network-list-02 .pic img{ width:100%;}
.network-list-02 .txt{ width:calc(100% - 280px); float:right; padding:0}
.network-list-02 .swiper-button-prev{ left:auto; right:57px}
.network-list-02 .swiper-button-next{ right:15px;}
.network-list-02 .swiper-button-prev, .network-list-02 .swiper-button-next{ top:auto;bottom:15px; margin-top:0; background:#666}
.network-list-02 .swiper-button-prev:after{border-top: 1px solid #fff;border-left: 1px solid #fff; width:15px; height:15px;top:13px;left:15px}
.network-list-02 .swiper-button-next:after{border-top: 1px solid #fff;border-right: 1px solid #fff;width:15px; height:15px;top:13px;right:15px}
.network-list-02 .swiper-button-prev:hover, .network-list-02 .swiper-button-next:hover{ background:#df1e25}
.network-list-02 .swiper-button-prev:hover::after{border-top:1px solid #fff;border-left:1px solid #fff;}
.network-list-02 .swiper-button-next:hover::after{border-top:1px solid #fff;border-right:1px solid #fff;}
}
@media screen and (max-width:1024px){
.header{ height:60px}
.logo{ height:60px}
.logo img{ height:25px}
.menu{ display:none}
.search-btn{ height:60px}
.m-menubtn{ display:block}
.head-r{ margin-right:40px}
.banner{ height:auto; margin-top:60px}
.i-product, .main{ padding:45px 0}
.main-product{ padding-top:60px !important}
.i-product .left .txt h3{ font-size:22px}
.i-product .left .txt h4{ font-size:14px}
.i-product .right .txt h3{ font-size:18px}
.i-about{ padding-top:50px}
.i-about .top{font-size: 14px;margin-bottom:20px;}
.i-about .top .left{ font-size:26px; line-height:30px}

.i-about .top .left img{ height:25px}
.i-about .top .right .counter{ font-size:35px}
.i-about .con .right h2{ font-size:22px; margin-bottom:15px}
.i-about .con .right .infor{ font-size:15px}
.i-about .top .right li{ margin-left:60px}
.i-about .con .more{margin-top: 20px;}


.more{width:120px;height:35px;line-height:33px;font-size:14px;}
.i-news{ padding-bottom:45px; padding-top:45px}
.i-news .top{ margin-bottom:20px}
.title{ font-size:26px; line-height:30px; margin-bottom:20px}
.i-newslist h3{ font-size:18px}
.i-newslist .time{ font-size:12px; line-height:18px}
.bannerbot{ height:auto; padding:40px 0}
.bannerbot h5{ padding-top:0;font-size: 16px;}
.bannerbot .title{ margin-bottom:10px}
.footer{padding: 30px 0 30px;}
.footer .top{ padding-bottom:15px}
.footer .top img{ height:25px}
.footer .mid{ padding:25px 0}
.f-nav{ display:none}
.f-contact{ max-width:inherit}
.footer .bot{ padding-top:20px}
.copyright{ padding-top:0; font-size:12px; text-align:left; width:100%}
.nbanner{ margin-top:60px}
.nbanner .nbantit .entit{ font-size:30px;line-height: 30px;}
.nbanner .nbantit .cntit{ font-size:20px}
.content-contact .title{font-size: 26px; margin-bottom:40px}
.contact-list li{ padding:0 1%}
.contact-list .icon{ width:80px; height:80px;box-shadow: 0 0 0 10px rgba(223,30,37,.15); margin-bottom:20px}
.contact-list h4{ margin:5px 0}
.contact-list .tel h4{ font-size:20px;margin:5px 0;}
#allmap{ height:400px}

.main .content{ font-size:14px; line-height:28px}
.inner-nav li a{ height:45px; padding:0 10px;font-size: 14px;}
.newslist .txt .top{ padding-right:0;padding-bottom: 10px;margin-top: 15px;}
.newslist .txt h3{ font-size:18px}
.newslist .txt .time{ display:block; position:relative; font-size:12px;line-height: 15px;}
.newslist .txt .intro{ margin:10px 0}
.main.main_news{ padding-top:60px !important; padding-bottom:0 !important}
.newscon{padding:45px 4%; line-height:28px}
.news-article p{ margin-bottom:10px}

.joinlist h4, .joinlist-2 li, .joinlist-3 h4, .joinlist-4 .txt{ font-size:18px}
.network .dot li{ width:100px}
.network .dot .li3, .network .dot .li5, .network .dot .li6, .network .dot .li7, .network .dot .li9{ width:100px}
.network .dot li:after{ width:15px; height:15px}
.network .dot li.on:after{ background-size:contain;top:-15px;}



.productlist .pic{ height:400px}
.productlist .txt h4{ font-size:32px}
.proRelated .pic{height:260px}
.proRelated .txt h4{ font-size:20px; line-height:22px}
.proRelated .txt h3{ font-size:20px; line-height:26px}

.main .content-about .left, .main .content-about .right{ width:100%}
.main .content-about .left{ margin-bottom:10px}
.main .content-about .title{ margin-bottom:0}
.main .content-about .entitle{ font-size:20px;}
.main .content-about .right>p{margin-bottom: 10px;font-size: 14px;line-height: 26px;}
.culture-2{ margin-top:20px;}
.culture-2 li h3{ padding:5px 0}
.culture-2 li p{ font-size:14px}
.culture li{margin-bottom:30px; padding:0 0 30px}
.main .ltitle{ font-size:16px;line-height: 20px;}
.AS-after>h3{ margin-bottom:40px}
.horlist{margin-bottom: 30px; padding-bottom: 30px;}
.horlist h3{ font-size:20px;margin-bottom: 20px;}
.horlist .tit{ line-height:20px;}
.horlist .tit:before{top:4px}
.horlist1 li:last-child .pic img{ height:300px;}
.main-about #shege{bottom:3%}
.video-show02 video{ width:70%}
}
@media screen and (max-width:768px){
.i-product, .i-about, .i-news, .bannerbot, .footer, .main{ padding:25px 0}
.head-r .tel a, .f-contact .tel span a{ pointer-events:auto}
.title{ font-size:22px}

.i-product .txt{padding: 0 15px 15px;}
.i-product .left .txt{top:20px}
.i-product .left .txt h3{ font-size:18px}
.i-product .right .txt h3{ font-size:16px}
.logo img, .footer .top img{ height:20px}
.head-r .tel{ font-size:20px}
.banner .swiper-pagination-bullet{ width:10px; height:10px}
.i-about{ background:#e01e26;}
.i-about:before{background-size: contain;}
.i-about .con .left, .i-about .con .right{ width:100%}
.i-about .con .right{ position:relative; padding:4% 4% 6%}
.i-about .con .right h2{ font-size:18px; margin-bottom:5px}
.i-about .con .right .infor{ font-size:14px; line-height:26px; max-height:inherit}
.i-about .con .right .infor p{ margin-bottom:5px}
.i-about .con .more{ margin-top:10px}
.more{ width: 100px;height:32px; line-height:30px;font-size: 12px;}
.more i{ width:5px; height:5px;margin-left: 5px;}
.i-about .top{ text-align:center;}
.i-about .top .left{ font-size:20px;float: none; margin-bottom:15px}
.i-about .top .left img{ height:20px;}
.i-about .top .right{ float:none}
.i-about .top .right ul{ display:flex; display:-webkit-flex; justify-content:center}
.i-about .top .right li{ margin:0; padding:0 2%; width:33.33%}
.i-about .top .right .counter{ font-size:30px}
.i-newslist{ padding-bottom:20px}
.i-newslist .swiper-pagination{ display:block}
.footer{ padding-bottom:75px}
.footer .top{padding-bottom: 5px;}
.footer .mid{ padding:10px 0; font-size:14px}
.f-ewm>p, .f-ewm .list a{ font-size:14px}

.f-contact .tel span{ font-size:20px;line-height: 26px;}
.float_kf{ bottom:0; left:0; width:100%;right:0; display:flex; display:-webkit-flex;box-shadow: 0 0 5px rgba(0,0,0,.2);}
.float_kf .item{ width:50%;}
.float_kf .item-inner{ width:100%;padding:5px 0; border:0; border-left:1px solid #eee;}
.float_kf .item:nth-child(1) .item-inner{ border-left:0}
.float_kf .item-inner .ico{ margin:0}
.popup .popup-con{ width:400px}
.popup .txt{ font-size:14px; line-height:28px}
.contact-list .tel h4 a{pointer-events:auto}
.content-contact .title{ font-size:22px; margin-bottom:30px}

.newslist li{ width:48%}
.newslist .more{ font-size:12px}
.main_news{ background:#fff}
.newscon{ padding:30px 0}
.newstit{ font-size:20px;line-height: 28px;}
.newstm{ font-size:12px; margin-bottom: 10px;}
.news-article p{ margin-bottom:5px}
.news-article iframe{ max-width:100%; width:100%; height:auto}

.newsRelated{ padding-bottom:0; margin-top:40px}
.newsRelated .swiper-container{ padding-bottom:20px}
.page_2{ margin-top:20px}
.page_2 P{ width:100%}
.page_2 .more{ width:120px; position:relative; left:auto;top:auto; margin:10px auto 0}


.joinlist-2 li{ padding:5% 3%}
.joinlist-2 .num{ font-size:45px; line-height:40px}
.joinlist-2 .li5 img{ top:auto;}
.joinlist-4 .txt{ padding:5%}
.joinlist-4 .txt .tel span a{ pointer-events:auto}

.network-2{ width:100%}
.network-2 > img{ display:block; width:100%}
.network-list-2 li .pic{ width:30%}
.network-list-2 li .txt{ width:67%}

.productlist .pic{ height:300px}
.productlist .txt .more{ font-size:12px}
.productlist .txt h4{ font-size:26px; line-height:30px}
.productlist .txt .intro{ font-size:14px}

.proRelated .pic{ height:200px}
.culture-2{ margin-bottom:260px}
.culture .ico{ width:150px}
.culture .txt{width: calc(100% - 200px);height:150px}
.culture .txt .tit{ font-size:20px; margin-bottom:0}
.RD .last{ font-size:20px;}
.RD .last h5{ font-size:16px; line-height:20px}
.AS-after>h3{ font-size:22px}
.AS-after .repair{ padding:30px}
.horlist{ padding-bottom:20px;}
.horlist ul{flex-wrap: wrap;}
.horlist1 li, .horlist2 li, .horlist3 li, .nhorlist li{ width:48%}
.horlist1 li, .horlist2 li, .horlist3 li{ margin-bottom:3%}
.horlist1 li:nth-child(5){ width:48%}
.horlist1 li:last-child .pic img{ width:100%; height:auto}
.horlist h3{ font-size:18px}
.i-product, .i-news{ display:none}
.i-mproduct{ display:block}
.qqfz-intro{ padding:0}
.video-show02 video{ width:70%}
.speechBox .item_1 h3{ font-size:24px}
.speechBox .item_1 .qm{ font-size:16px;margin:10px 0}
.speechBox .item_1 .intro p{ margin-top:5px}
.speechBox .item_2 .ttit, .speechBox .item_3 .ttit{ font-size:24px}
.speechBox .item_2 .ttit .num, .speechBox .item_3 .ttit .num{ font-size:1em;padding-left: 15px;}
.speechBox .item_2 .ttit .num{ margin-right:15px}
.speechBox .item_3 .ttit .num{ margin-bottom:15px}
.speechBox .item_2 li{ line-height:1.4}
}
@media screen and (max-width:640px){
.search{ display:none}
.f-ewm, .f-contact{width:50%}
.footer .mid{ font-size:12px}
.f-contact .tel span{ font-size:18px}
.f-ewm>p, .f-ewm .list a{ font-size:12px}
.nbanner .nbantit .entit{ font-size:20px}
.nbanner .nbantit .cntit{ font-size:16px}
.main .content-contact{ font-size:14px;line-height: 20px;}
.content-contact .title{ font-size:20px}
.contact-list{ margin-bottom:30px}
.contact-list ul{flex-wrap:wrap;}
.contact-list li{ width:100%; display:flex; display:-webkit-flex; padding:0; text-align:left;border-bottom: 1px solid #e8e8e8; padding-bottom:10px; margin-bottom:15px}
.contact-list .icon{ margin:0}
.contact-list .icon{ width:55px; height:55px; box-shadow: 0 0 0 5px rgba(223,30,37,.15);}
.contact-list .tel .icon, .contact-list .add .icon{ background-size:30px}
.contact-list .txt{ width:calc(100% - 60px); padding-left:20px; text-align:left}
.contact-list h4, .contact-list .tel h4{ margin:0}
#allmap{ height:220px}

.joinlist h4, .joinlist-2 li, .joinlist h4, .joinlist-4 .txt{ font-size:16px}
.joinlist .txt p, .joinlist-3 .txt p{ line-height:20px}
.joinlist ul{ margin-right:0;flex-wrap:wrap;}
.joinlist li{ width:100%; margin-right:0; border-bottom:1px solid #e8e8e8; display:flex; display:-webkit-flex;align-items:flex-start; padding:10px 0}
.joinlist li .ico{ width:45px}
.joinlist .ico img{ height:45px}
.joinlist li .txt{ width:calc(100% - 45px); padding-left:20px}
.joinlist h4{ margin:0}
.joinlist-2 li{ width:100%}
.joinlist-2 .li5{ display:none}
.joinlist-2 li:nth-child(6), .joinlist-2 li:nth-child(6) .num:after{ background:#fff}
.joinlist-3 ul{ margin-right:0;flex-wrap:wrap}
.joinlist-3 li{ width:100%; margin-right:0; margin-bottom:20px}
.joinlist-3 h4{ margin-top:0; margin-bottom:5px}
.joinlist-3 .pic{ margin-bottom:10px}
.joinlist-4{flex-wrap:wrap}
.joinlist-4 .pic, .joinlist-4 .txt{ width:100%}
.joinlist-4 .txt{ padding:4%}
.network .dot{ display:none}
.network-list{display:block}
.network-list-01{ display:none}

.network-2{ display:none}
.network-2-m{ display:block}
.network-list-2, .network-list-02{ display:none}
.network-list-2-m{ display:block}

.productlist .txt{ padding:3% 4%}
.productlist .txt h4{ font-size:20px; line-height:26px;}
.productlist .txt h3{ font-size:20px}
.productlist .txt .intro{-webkit-line-clamp:2;}
.productlist .pic{ height:240px}
.proRelated .pic, .proRelated .txt{ width:50%}
.proRelated .swiper-container{ padding-bottom:20px}
.proRelated .swiper-pagination{ display:block}
.proRelated .swiper-pagination-bullet{width:6px; height:6px;margin:0 3px;}
.culture-2 {margin-bottom:220px;}
.culture-2 li{ max-width: inherit; width:32%}
.culture li {margin-bottom: 20px;padding: 0 0 20px;}
.culture .ico{ width:100%}
.culture .ico img{ width:150px}
.culture .txt{ width:100%; padding-top:15px;height:auto;}
.main .ltitle{ font-size:14px;}
.RD .last{ font-size:16px;padding: 4%;}
.RD .last h5{ font-size:14px}
.AS-before .top{ padding:20px;line-height: 24px;}
.AS-before .top p{ margin-bottom:5px}
.AS-before .bot:before{border-top: 20px solid #df1e25;border-right: 20px solid transparent;}
.AS-before .bot{ padding:20px}
.AS-before .bot>h3{ font-size:18px;margin: 10px 0;}
.AS-before .bot>h3:before{border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #df1e25;top: 7px;}
.AS-before .bot>* {padding-left: 20px;}
.AS-before .bot .telbox{margin-top: 20px;padding-top: 20px; padding-left: 0;}
.AS-before .bot .tel{ width:50%; margin-right:0;margin-top:0}
.AS-before .bot .tel span{ font-size:20px}
.AS-after{ margin-top:30px}
.AS-after .step li{ line-height:20px;padding: 0 2%;}
.AS-after .step li:after{top:35px;border-top: 6px solid transparent;border-left: 6px solid red;border-bottom: 6px solid transparent;}
.AS-after .step:before{top:40px}
.AS-after .step .tit{ font-size:16px;width: 80px;height: 80px;box-shadow: 0 0 0 5px #fadddf;margin: 0 auto 10px;}
.AS-after .repair{ margin-top:30px; padding:20px;flex-wrap:wrap}
.AS-after .repair li{ width:100%}
.AS-after .repair li:nth-child(1){border-right:0; padding-right:0; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:10px}
.AS-after .repair li:nth-child(2){ padding-left:0}
.AS-after .repair .tit{ font-size:16px;margin-bottom:0}

.speechBox .item_1:before{ display:none}
.speechBox .item_1 .left{ width:100%}
.speechBox .item_1 .left img{ width:auto; margin:0 auto; max-width:40%}
.speechBox .item_1 .right{ width:100%; padding-left:0; margin-top:3%}
.speechBox .item_1 .right:before{ display:none}
.speechBox .item_1 h3{ font-size:20px; text-align: center;}
.speechBox .item_2, .speechBox .item_3{ margin-top:5%}
.speechBox .item_2 ul{ margin-top:4%; padding:15px 15px 15px 0}
.speechBox .item_2 li{ width:100%; padding:5px 0 5px 20px;}
.speechBox .item_2 li:before{width: 8px;height:8px;top:8px;left:-4px;}
.speechBox .item_2 li:after{width: 12px;height: 1px;top:12px;left: 0;}
.speechBox .item_2 .ttit .num, .speechBox .item_3 .ttit .num{ width:45px; height:53px; background-size:contain;padding-left: 10px;line-height: 45px;}
.speechBox .item_2 .ttit, .speechBox .item_3 .ttit{ font-size:20px}
.speechBox .item_3 .ttit{display: flex;display: -webkit-flex;align-items: center;}
.speechBox .item_3 .ttit .num{ margin:0;margin-right: 15px;}
.resultsList{ margin-top:4%}
.resultsList:after{left:20px}
.resultsList li{ margin-bottom:4%}
.resultsList li .txt{ padding-top:0}
.resultsList li .txt, .resultsList li .pic{ width:100%; padding-left:40px}
.resultsList li:nth-child(2n) .pic{ padding-right:0; padding-left:40px}
.resultsList li .txt .tit{ margin-bottom:1%}
.resultsList li .tit:before{ width:8px; height:8px;top:7px;}
.resultsList li:nth-child(2n) .tit, .resultsList li:nth-child(2n) .intro{ padding-left:0}
.resultsList li:nth-child(2n+1) .tit, .resultsList li:nth-child(2n+1) .intro{ padding-right:0}
.resultsList li:nth-child(2n) .tit:before{ left:-24px}
.resultsList li .tit:after{width: 15px;top: 11px;left: -20px;}
.resultsList li:nth-child(2n+1) .tit:after, .resultsList li:nth-child(6) .tit:after{ width:15px}
.resultsList li:nth-child(2n+1) .txt h3, .resultsList li:nth-child(6) .txt h3{ padding-right:0}
.resultsList li:nth-child(2n+1) .tit:before{ right:auto;left:-24px}
.resultsList li .txt h3{ line-height:1.4}
.resultsList li .intro{ line-height:1.8}
}
@media screen and (max-width:480px){
.head-r .tel{ font-size:18px}
.wrap, .header .wrap{ padding:0 15px}
.m-menubtn{ width:50px}
.i-product .left{ position:relative; margin-bottom:1.5%}
.i-product .left{ width:100%; position:relative}
.i-product .right{ width:100%}
.i-about .top{ font-size:12px}
.i-about .top .right .counter{ font-size:20px;margin-right:0;}
.i-about .con .left .video-btn{background-size: 50px;}
.i-productcon, .i-about .wrap{ overflow:hidden}
.i-product .left .pro01{ display:none !important}
.i-product .left .m-pro01{ display:block}
.popup .popup-con{ width:94%}
.popup .close-btn{ right:0}
.popup .popup-con .intro{ max-height:280px; overflow-y:auto}
.popup .popup-con .intro::-webkit-scrollbar {width: 2px;}
.popup .popup-con .intro::-webkit-scrollbar-thumb {background:#fff; border-radius:3px;}
.popup .popup-con .intro::-webkit-scrollbar-track {background:rgba(255,255,255,.3);}
.nbanner .nbantit, .nbanner:before{ display:none}

.newslist ul{ margin-right:0}
.newslist li{ width:100%; margin-right:0; margin-bottom:20px}
.newslist .txt .top{ margin-top:10px;padding-bottom: 8px;}
.newslist .txt .intro{ margin:8px 0}
.newslist .txt h3{ display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; white-space:normal;line-height: 22px; margin-bottom:3px}

.inner-nav-pro, .inner-nav-abt{ border-bottom:0}
.inner-nav-pro ul, .inner-nav-abt ul{flex-wrap:wrap}
.inner-nav-pro li, .inner-nav-abt li{ width:33.33%; border-bottom:1px solid #e8e8e8}
.inner-nav-pro li a, .inner-nav-abt li a{ height:35px;white-space: nowrap;overflow: hidden;}
.inner-nav-pro li a:after, .inner-nav-abt li a:after{ height:100%;top:0; margin-top:0; background:#e8e8e8}
.inner-nav-pro li.cur a:before, .inner-nav-pro li:hover a:before, .inner-nav-abt li.cur a:before, .inner-nav-abt li:hover a:before{ width:100%; left:0}

.productlist .txt h4, .proRelated .txt h4{ font-size:16px; line-height:20px}
.productlist .txt h3, .proRelated .txt h3{ font-size:18px}
.productlist .pic{ height:200px}
.proRelated .pic{ height:160px}
.culture-2{ margin-bottom:100px}
.culture-2 .ico img{ height:90px}
.culture .ico img{ width:100px}
.culture .txt .tit{ font-size:16px}
.culture .txt h4{ margin-top:5px}
.RD ul{ margin-right:0}
.RD li{ width:100%; margin-right:0}
.AS-after>h3{ font-size:18px; margin-bottom:20px}
.AS-before .bot .tel span{ font-size:18px}
.AS-after .step .tit{ width:70px; height:70px;font-size: 14px;}
.AS-after .step:before{top:35px}
.AS-after .step li:after{top:30px}
.horlist h3{ font-size:16px; line-height:24px}
.horlist .tit{ margin-top:10px}

.pages{ margin-top:20px}
.i-mproduct a{ font-size:12px}
.main-about #shege{ left:15px}
}
@media screen and (max-width:320px){.culture-2{ margin-bottom:60px}}