*
{ margin:0; padding:0;  }
body
{  color:#000; font-size:14px;  font-family:"Arial","Arial",sans-serif; }
*html
{ background-attachment:fixed;}
li
{ list-style:none;}
img
{ border:none;}
body a img
{ border:none;}
a
{ color:#000; text-decoration:none; blr:expression(this.onFocus=this.blur());}
a:focus
{ outline:none;}
a:link
{ text-decoration:none;}
a:hover
{ text-decoration: none;}
.clear:after
{content:''; display:block; clear:both; }
.clear
{ clear:both;}
input:focus, textarea:focus {outline: none;}
ul, li,ol {list-style: none;}
input[type=button]{ cursor: pointer; -webkit-appearance: none; }
input[type=submit]{ cursor: pointer; -webkit-appearance: none; }
input[type=file]{ cursor: pointer; -webkit-appearance: none; }
button{ cursor: pointer; -webkit-appearance: none; }
*{margin: 0;padding: 0;border: 0;font-family:"Microsoft YaHei",'Arial',arial,sans-serif,tahoma;}


.main-header{position:relative;border-bottom:4px solid #010101;box-shadow:4px 0 7px rgba(0,0,0,0.47);}
.header-logo .logo img{display:block;margin:0 auto;}
.header-nav .nav{display:flex;}
.header-nav .nav li a{display:block;font-size:16px;line-height:60px;text-transform:uppercase;position:relative;}
.header-links{padding:8px 0;display:flex;justify-content:flex-end;}
.header-links .links-a{margin-right:15px;}
.header-links .links-a img{display:block;height:22px;}
.header-logo{margin-top:-15px;padding-bottom:15px;}
.header-nav{border-top:1px solid #ebeceb;}
.header-nav .nav{display:flex;justify-content:center;}
.header-nav .nav li{margin:0 45px;}
.header-nav .nav li a:after{position:absolute;left:0;bottom:0;width:100%;height:24px;
    background:url("../images/nav1.png") no-repeat center bottom;display:block;content:"";transition:all 360ms;transform:scaleX(0)}
.header-nav .nav li:hover a:after{transform:scaleX(1);}
.header-nav .nav li.active a:after{transform:scaleX(1);}


.index-banner{position:relative;overflow:hidden;}
.index-banner img{display:block;width:100%;}
.index-banner .banner-a{display:block;}
.index-banner .swiper-slide img{
    width:100%;
    height:auto;
    min-height:100%;
    transition:1s linear 2s;
    transform:scale(1.1,1.1);
}
.index-banner .swiper-slide-active img,.index-banner .swiper-slide-duplicate-active img{
    transition:6s linear;
    transform:scale(1,1);
}


.index-hop{margin:105px auto;padding:0 110px;}


.index-title{text-align:center;}
.index-title .h2{font-size:54px;font-family:Arial;text-transform:uppercase;color:#0f0c13;font-weight:normal;}
.index-title .h3{font-size:30px;color:#0f0c13;font-family:Arial;text-transform:uppercase;font-weight:normal;margin:20px 0;}

.index-hop-box{display:flex;margin-top:75px;}
.index-hop-box-fl{width:49.2%;}
.index-hop-box-fr{margin-left:35px;width:calc(50.8% - 35px);}
.index-hop-box .index-hop-a{display:block;position:relative;overflow:hidden;}
.index-hop-box .index-hop-a img{display:block;width:100%;transition:all 360ms;}
.index-hop-li{margin-bottom:25px;}
.index-hop-t{position:absolute;font-size:36px;color:#fff;left:5%;width:90%;bottom:50px;font-family:Arial;}
.index-hop-box .index-hop-a:hover img{transform:scale(1.05);}


.index-product{margin:105px auto 0 auto;}
.index-product-more{text-transform:uppercase;font-size:16px;width:175px;height:34px;display:flex;align-items:center;justify-content:center;
    margin:35px auto;border:1px solid #535353;border-radius:17px;transition:all 360ms;}
.index-product-more:hover{background:#000000;color:#fff;border-color: #000;}
.index-product-box{position:relative;overflow:hidden;margin-top:60px;}
.index-product-box .index-product-li img{display:block;width:100%;}
.index-product-box .index-product-li{position:relative;}
.index-product-txt{transition:all 360ms;border:1px solid rgba(255,255,255,0.6);position:relative;
    display:block;width:410px;background:rgba(255,255,255,0.6);border-radius:15px;margin-right:0;margin-left:auto;}
.index-product-box .index-product-li .play-icon{display:block;width:65px;position:absolute;left:50%;transform: translateX(-50%);bottom:-35px;}
.index-product-box .index-product-li .li-con{padding:40px;}
.index-product-box .index-product-li .li-t{font-size:36px;font-family:Arial;line-height:1.5;}
.index-product-box .index-product-li .li-c{font-size:16px;line-height:2.2;margin-top:15px;}
.index-product-txt:hover{border-color: rgba(0,0,0,0.9);background:#fff;}
.index-product-box .index-product-li{padding:60px 0;min-height:600px;display:flex;align-items:center;justify-content:flex-end;}




.index-recommend{background:url("../images/bg.png") no-repeat center 0;padding:105px 0;}
.index-recommend-title{max-width:665px;margin:0 auto;}
.index-recommend-title .h2{font-size:70px;font-family:Arial;text-transform:uppercase;}
.index-recommend-title .h2-normal{font-size:70px;font-family:Arial;text-transform:uppercase;font-weight:normal;}
.index-recommend-title .tip{font-size:16px;color:#9a9a9a;text-transform:uppercase;margin:45px 0;line-height:1.8}
.index-recommend-title .tit-flex{display:flex;align-items:center;justify-content:space-between;}
.index-recommend-dl{display: flex;margin:55px -25px;padding:0 65px;}
.index-recommend-dl .dl-small-img{display:flex;margin:0 -25px;}
.index-recommend-dl .dl-small-img li{margin:0 25px;width:calc(50% - 50px)}
.index-recommend-dl .dl-small-img li img{display:block;width:100%;}
.index-recommend-dl .dl-small{margin:0 25px;}
.index-recommend-dl .dl-big{margin:0 25px;}
.index-recommend-dl .dl-txt{margin-top:35px;margin-left:auto;margin-right:auto;max-width:80%;}
.index-recommend-dl .dl-tit{font-size:44px;font-family:Arial;text-transform:uppercase;margin:25px 0;}
.index-recommend-dl .dl-c{font-size:22px;font-family: Arial;text-transform:uppercase;line-height:1.9;}
.index-recommend-dl .dl-txt.text-right{text-align:right;}
.index-recommend-dl .dl-small{width:50%;}
.index-recommend-dl .dl-big{width:50%;}

.index-night{position:relative;min-height:800px;}
.index-night img{display:block;width:100%;}
.index-night-article{text-align:center;position:absolute;left:0;width:100%;color:#fff;bottom:60px;}
.index-night-article .h2{font-size:50px;font-family:Arial;text-transform:uppercase;font-weight:normal;}
.index-night-article .c{font-size:24px;text-transform:uppercase;font-family:Arial;margin:32px 0;}
.index-night-article .date{font-size:15px;text-transform:uppercase;font-family:Arial;}


.index-follow{margin:105px auto;}
.index-follow-box{position:relative;overflow:hidden;padding:0 60px;margin-top:105px;}
.index-follow-a{display:block;border-radius:15px;overflow:hidden;}
.index-follow-a img{display:block;width:100%;transition:all 360ms;}
.index-follow-a:hover img{transform:scale(1.05);}





.main-footer{background:#e8e8e8;padding-top:30px;}
.main-footer .footer-logo img{display:block;margin:0 auto;}
.main-footer .footer-nav{display: flex;justify-content:center;border-bottom:1px solid #d9dadc;padding:20px 0;margin-top:15px;}
.main-footer .footer-nav li a{display:block;font-size:14px;margin:0 40px;position:relative;text-transform:uppercase;}
.main-footer .footer-nav li{position:relative;}
.main-footer .footer-nav li:after{display:block;content:"";position:absolute;right:0;top:50%;margin-top:-5px;width:1px;height:10px;background:#c4c4c4;}
.main-footer .footer-nav li:nth-last-child(1):after{display:none;}
.footer-bottom{padding:25px 105px;display:flex;justify-content:space-between;font-size:12px;align-items: flex-end}
.footer-links{display:flex;}
.footer-links .links-a{margin-left:15px;}
.footer-bottom .copy-right{font-weight:lighter;margin-top:5px;}
.footer-bottom .email{display:flex;align-items:center;}
.footer-bottom .email .icon{margin-right:4px;}
.footer-top{cursor:pointer;}


.index-recommend-dl .dl-big a{display:block;}
.index-recommend-dl .dl-big a img{display:block;width:100%;}



.mNavBtn {display: block;width: 30px;height: 20px;right: 20px;top: 40px;position: absolute;cursor: pointer;z-index:9666;display:none;}
.mNavBtn span {position: absolute;left: 0;width:30px;height: 3px;background: #000;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.mNavBtn span.line1 {top: 0;}
.mNavBtn span.line2 {top: 8px;}
.mNavBtn span.line3 {bottom: 0;}
.mNavBtn.active .line1 {transform: rotate(45deg);top: 6px;}
.mNavBtn.active .line2 {display: none;}
.mNavBtn.active .line3 {transform: rotate(-45deg);bottom: 11px;}
.mNavBtn.active span{width:25px;color:#fff;background: #fff;}
.body-hide{overflow:hidden;position:fixed;left:0px;top:0px;width:100%;height:100%;}
.black_bg{background:rgba(0,0,0,0.5);position:fixed;left:0px;top:0px;width:100%;height:100%;z-indx:44;display:none;}
.black_bg.fix{display:block;z-index:999}
body{width:100%;overflow-x:hidden;}

.main-header{z-index:22;}
.main-header.fixed{position:fixed;left:0;top:0;width:100%;z-index:999;background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.2)}
.black_bg.active{display:block;}




.inner-banner{position:relative;overflow:hidden;}
.inner-banner img{display:block;width:100%;}
.inner-banner .swiper-pagination-bullet{width:60px;height:6px;border-radius:3px;background:rgba(255,255,255,0.4);opacity:1;}
.inner-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background:rgba(255,255,255,0.8)}

.inner-main{max-width:1600px;margin:0 auto;}
.inner-position{margin:36px auto;font-size:14px;color:#222;display:flex;flex-wrap:wrap;}
.inner-position .pos-line{margin:0 4px;}

.news-detail{max-width:1100px;margin:55px auto;}
.news-article{font-size:18px;line-height:2;font-family:Arial;}
.news-detail .news-tit{font-size:48px;text-align:center;font-weight:bold;margin:50px auto;}
.news-article img{max-width:100%;}
.news-other{display:flex;align-items:center;justify-content:center;margin:65px auto 85px auto;}
.news-other-a{width:50px;height:40px;margin:0 25px;}
.news-other-a-prev{background:url("../images/news16.jpg") no-repeat center;}
.news-other-a-next{background:url("../images/news15.jpg") no-repeat center;}
.news-other-a.disabled{opacity:0.5;}



.news-head{display:flex;align-items:center;margin:45px auto;}
.news-head .head-tit{font-size:30px;font-weight:bold;color:#011e41;line-height:1;}
.news-head .head-txt{font-size:15px;flex:1;overflow:hidden;}
.news-head .line{width:2px;height:27px;background:#011e41;margin:0 20px;}
.news-list{margin:100px auto;}
.news-list-ul li{margin:60px auto;}
.news-list-ul li a{display:flex;}
.news-list-ul li .li-img{width:58%;}
.news-list-ul li .li-img img{display:block;width:100%;}
.news-list-ul li .li-txt{width:calc(42% - 80px);padding:10px 40px;display:flex;flex-direction: column;}
.news-list-ul li .li-txt .con{padding:10px 40px;}
.news-list-ul li .li-txt .li-t{font-size:36px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical}
.news-list-ul li .li-txt .li-c{font-size:16px;line-height:2.2;margin:10px 0;flex:1;
    overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical}
.news-list-ul li .li-txt .li-more{font-size:16px;display:flex;align-items:center;margin:15px 0;}
.news-list-ul li .li-txt .li-more img{display:flex;margin-left:10px;transition:all 360ms;}
.news-list-ul li .li-txt .li-more:hover img{margin-left:15px;}


.main-inner-more{margin:75px auto;}
.main-inner-more .inner-more-a{width:100px;height:50px;background:url("../images/more1.png") no-repeat center;display:block;margin:0 auto;position:relative;transition:all 360ms;}
.main-inner-more .inner-more-a:hover{top:-3px;transform:scale(1.06)}



.contact-map img{display:block;width:100%;}
.contact-container{max-width:1235px;margin:65px auto;}
.contact-box{display:flex;justify-content:space-between;margin:50px 0;}
.contact-box .contact-left{width:600px;}
.contact-box .contact-right{max-width:500px;font-size:18px;}
.contact-box .contact-right .li{display:flex;margin:20px 0;align-items:center;letter-spacing:-1px;}
.contact-box .contact-right .li .icon{display:block;margin-right:15px;}
.contact-links{display:flex;}
.contact-links a{display:block;margin-right:20px;}
.contact-links a img{display:block;}
.contact-links-tit{font-size:16px;font-weight:bold;text-transform:uppercase;margin:35px 0 15px 0;}
.contact-box .contact-left .contact-li{background:#f9f9f9;border-radius:4px;padding:10px 10px;margin-bottom:30px;margin-top:20px;}
.contact-box .contact-left .contact-li .input{width:100%;font-size:16px;background:none;height:40px;}
.contact-box .contact-left .contact-li .text{width:100%;font-size:16px;background:none;}
.contact-btn{width:200px;height:50px;border-radius:25px;display:flex;border:none;outline:none;background:#505154;color:#fff;font-size:26px;justify-content:center;align-items:center;}


.about-sec1{margin:105px auto;max-width:1600px;display:flex;}
.about-sec1 .about-sec1-img{width:42%;}
.about-sec1 .about-sec1-img img{display:block;width:100%;}
.about-sec1 .about-sec1-txt{flex:1;overflow:hidden;margin-left:5%;padding-right:2%;}
.about-sec1 .about-sec1-txt .h2{font-weight:normal;font-size:60px;}
.about-sec1 .about-sec1-txt .c{font-size:24px;margin:30px 0;line-height:2;}
.about-sec0-img{display:flex;justify-content:flex-end;margin-top:-15%;margin-bottom:15%;}

.about-sec2{margin:0px auto 105px auto;display:flex;}
.about-sec2 img{display:block;width:100%;}

.about-sec3{margin:105px auto;max-width:1600px;}
.about-sec3-flex{display:flex;margin:3% 0;}
.about-sec3-left{width:32%;}
.about-sec3-right{flex:1;overflow:hidden;margin-left:3%;}
.about-sec3-txt .c{font-size:24px;line-height:2;}
.about-sec3-txt .tit{font-size:48px;}
.about-sec3-flex-end{display:flex;align-items:flex-end;}
.about-sec3-mid{margin:0 3%;width:32%;}
.about-sec3-last{flex:10;overflow:hidden}
.about-sec3-big img{display:block;width:100%;}
.about-sec3-small img{display:block;width:100%;}

.product-head{margin:45px auto 35px auto;display:flex;align-items:center;font-size:15px;font-weight:bold;justify-content:space-between;}
.product-head .tit{font-size:30px;font-weight:bold;color:#011e41;}
.product-head .line{width:2px;height:36px;background:#011e41;margin:0 15px 0 20px;}
.product-head .icon{margin:0 10px;}
.product-head .head-left{display:flex;align-items:center;}
.product-head .head-select .select{font-size:15px;font-weight:bold;outline:none;}

.product-container{display:flex;margin:35px auto;}
.product-side{width:190px;}
.product-content{flex:1;margin-left:2%;overflow:hidden;}
.product-side .tit{font-size:20px;font-weight:bold;}
.product-side-ul{border-top:1px solid #d2d2d2;margin-top:30px;}
.product-side-ul li .li-t{font-size:18px;font-weight:bold;padding-right:30px;background:url("../images/icon13.png") no-repeat right center;cursor:pointer;}
.product-side-ul li{border-bottom:1px solid #d2d2d2;padding:10px 0;}
.product-side-ul li .li-con{display:none;margin:10px 0;}
.product-side-ul li .li-t.on{background:url("../images/icon12.png") no-repeat right center;}
.product-side-ul li .check-li{margin:15px 0;display:flex;align-items:center;position:relative;}
.product-side-ul li .check-li .check{width:30px;height:30px;}
.product-side-ul li .check-li .check input{opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer;}
.product-side-ul li .check-li .check span{display:block;width:30px;height:30px;background:url("../images/icon15.png") no-repeat center;}
.product-side-ul li .check-li .check input:checked + span{background:url("../images/icon14.png") no-repeat center;}


.product-total{display:flex;align-items:center;flex-wrap:wrap;}
.product-total .tag{display:flex;align-items:center;line-height:28px;padding:0 6px;font-size:14px;border:1px solid #d2d2d2;margin-right:8px;margin-bottom:8px;}
.product-total .tag .close{cursor:pointer;display:block;margin-left:10px;}
.product-total .total-btn{padding:0 10px;background:none;outline:none;font-size:14px;}
.product-list{margin:25px 0;}
.product-list-ul{display:flex;flex-wrap:wrap;margin:0 -18px;}
.product-list-ul li{height:380px;position:relative;background:#fff;}
.product-list-ul li a{display:block;padding:6px;border:1px solid #fff;background:#fff;}
.product-list-ul li{width:calc(25% - 36px);margin:0px 18px 32px 18px;}
.product-list-ul li .li-img{height:310px;background:#f8f8f8;display:flex;align-items:center;justify-content:center;}
.product-list-ul li .li-img img{display:block;max-width:100%;max-height:100%;display:none;}
.product-list-ul li .li-img img.active{display:block;}
.product-list-ul li .li-txt{}
.product-list-ul li .li-p{font-size:14px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product-list-ul li .li-t{text-align:center;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:25px 0 15px 0;}
.product-list-ul li a:hover{padding-bottom:15px;}
.product-list-ul li .li-tab{display:flex;align-items:center;justify-content:center;max-width:265px;margin:10px auto;display:none}
.product-list-ul li .li-tab .small-img{background:#f8f8f8;width:calc(25% - 6px);margin:2px;
    height:65px;display:flex;align-items:center;justify-content:center;align-items:center;border:1px solid #f8f8f8;}
.product-list-ul li .li-tab .small-img img{display:block;max-width:100%;max-height:100%;}
.product-list-ul li .li-tab .small-img:hover{border-color:#929292}
.product-list-ul li:hover a .li-tab{display:flex;}
.product-list-ul li:hover{z-index:3;}
.product-list-ul li:hover a{box-shadow:0 0 10px rgba(0,0,0,0.1);border:1px solid #d5d5d5;}
.product-list-ul li:hover a .li-tab{z-index:5}


.product-detail{margin:35px auto;display:flex;}
.product-title{font-size:30px;font-weight:bold;text-transform: uppercase;margin:25px 0;}
.product-detail-txt{width:500px;margin-left:3%;}
.product-detail-left{flex:1;overflow:hidden;padding-left:180px;position:relative;min-height:11px;}
.product-detail-txt .h2{font-size:30px;font-weight:bold;}
.product-detail-txt .t{font-size:30px;margin:15px 0;}
.product-detail-txt .c{font-size:18px;color:#636363;line-height:2;}
.product-detail-txt .c .p{margin:8px 0;display:flex;align-items:center;}
.product-detail-txt .c .p img{display:block;margin-right:5px;}
.product-detail-big{position:relative;overflow:hidden;height:865px;}
.product-detail-small{width:165px;position:absolute;left:0;top:0;}
.product-detail-small img{max-width:100%;}
.product-detail-small .swiper-slide{height:165px !important;display:flex;align-items:center;justify-content:center;background:#f8f8f8;}
.product-detail-big img{max-width:100%;}
.product-detail-big{background:#f8f8f8;}
.mySwiper20{overflow:hidden;}
.product-detail-small{display:flex;flex-direction:column;justify-content:center;align-items:center;height:865px;}
.product-detail-small img{max-width:100%;max-height:100%;}
.product-detail-small .mySwiper20{height:690px;}
.product-detail-small .swiper-button-prev{position:relative;left:auto;top:auto;margin:auto;width:30px;height:55px;background:url("../images/pp11.png") no-repeat center;}
.product-detail-small .swiper-button-next{position:relative;left:auto;top:auto;margin:auto;width:30px;height:55px;background:url("../images/pp12.png") no-repeat center;}
.product-detail-small .swiper-button-prev:after{display:none;}
.product-detail-small .swiper-button-next:after{display:none;}
.product-detail-big .mySwiper21{position:relative;width:100%;height:100%;}
.product-detail-big .mySwiper21 .swiper-slide{display:flex;align-items:center;justify-content:center;}
.product-detail-big .mySwiper21 img{max-width:100%;max-height:100%;}






.product-detail-content{margin:80px auto;}
.product-detail-content img{max-width:100%;}


.product-recomm{margin:80px auto;}
.product-recomm-box{position:relative;overflow:hidden;padding:0 140px;}
.product-recomm .mySwiper2{overflow:hidden;}
.product-recomm .swiper-button-next, .product-recomm .swiper-button-prev{width:40px;height:40px;}
.product-recomm .swiper-button-next{background:url("../images/pp19.png") no-repeat center;}
.product-recomm .swiper-button-prev{background:url("../images/pp18.png") no-repeat center;}
.product-recomm .swiper-button-next:after{display:none;}
.product-recomm .swiper-button-prev:after{display:none;}
.product-comm-a{display:block;text-align:center;}
.product-comm-a .li-img{background:#f8f8f8;display:flex;align-items:center;justify-content:center;}
.product-comm-a .li-img img{display:block;max-width:100%;max-height:100%;}
.product-comm-a .li-t{margin:25px 0 15px 0;font-size:16px;}
.product-comm-a .li-c{font-size:15px;}
.about-sec0-img img{width:52%}

.news-detail img{display:block;width:100%;}



@media (min-width:1600px){
    .about-sec0-img img{width:52%}

}

@media (min-width:1920px){
    .about-sec0-img img{width:52%}
}
@media (max-width:1600px){
    .inner-main{margin:0 15px;}
}

@media (max-width:1280px){

    .about-sec1{margin:70px 15px 30px 15px;flex-wrap:wrap;}
    .about-sec1 .about-sec1-img{width:100%;}
    .about-sec1 .about-sec1-txt{flex: inherit;margin:25px auto;}
    .about-sec1 .about-sec1-txt .h2{font-size:30px;}
    .about-sec1 .about-sec1-txt .c{font-size:16px;}
    .about-sec2{margin:0px 15px 45px 15px;}
    .about-sec3{margin:65px 15px;}
    .about-sec3-flex{flex-wrap:wrap;}
    .about-sec3-flex-end{flex-wrap:wrap;}
    .about-sec3-left{width:100%;}
    .about-sec3-right{flex:inherit;margin:15px 0;}
    .about-sec3-last{flex:inherit;margin:15px 0;}
    .about-sec3-mid{width:100%;margin:15px 0;}
    .about-sec3-txt{margin:15px 0;}
    .about-sec3-txt .c{font-size:16px;}
    .about-sec3-txt .tit{font-size:24px;}

    .contact-container{margin:40px 15px;}
    .contact-box{flex-wrap:wrap;margin:35px 0;}
    .contact-box .contact-left{width:100%;}
    .contact-box .contact-right{width:100%;margin-top:30px;}

    .news-head{justify-content:center;}
    .news-head .line{display:none;}
    .news-head .head-txt{display:none;}
    .news-list-ul li a{display:block;box-shadow:0 0 10px rgba(0,0,0,0.1);padding:0px 0;}
    .news-list-ul li .li-img{width:100%;}
    .news-list-ul li .li-txt{width:auto;margin:0px;padding:0;padding:15px;}
    .news-list-ul li .li-txt .li-t{font-size:20px;}
    .news-list-ul li .li-txt .li-c{font-size:14px;}

    .news-detail .news-tit{font-size:24px;}
    .news-article{font-size:14px;}

    .product-head .line{display:none;}
    .product-head .c{display:none;}
    .product-head .total{display:none;}
    .product-head .icon{display:none;}

    .product-side{width:100%;}
    .product-container{flex-wrap:wrap;}

    .product-content{margin:25px auto;flex:inherit;}
    .product-list-ul li{width:calc(50% - 10px);margin:5px;}
    .product-list-ul li a{padding:2px;}
    .product-list-ul li .li-img{height:220px;}

    .product-recomm-box{padding:0 20px;}

    .product-detail{flex-wrap:wrap;}
    .product-detail-left{flex:inherit;padding:0;}
    .product-detail-txt{width:auto;}
    .product-detail-small{position:relative;width:auto;}
    .product-detail-big{height:480px;}
    .product-detail-small .swiper-slide{height:auto !important}
    .product-detail-small{height:auto;display:flex;flex-direction: inherit;margin:15px 0;}
    .product-detail-small .mySwiper20{height:auto;margin:0 10px;}
    .product-detail-small .swiper-button-prev{transform: rotate(-90deg);height:30px;}
    .product-detail-small .swiper-button-next{transform: rotate(-90deg);height:30px;}
    .product-detail-txt .h2{font-size:20px;margin-top:30px;}
    .product-detail-txt .t{font-size:20px;}
    .product-detail-txt .c{font-size:14px;}


    .about-sec0-img{display:none;}
    .header-links{display:none;}
    .mNavBtn{display:block;}
    .header-logo{padding:10px 0;margin:0 auto;}
    .header-logo .logo img{height:65px;}
    .header-nav{display:none;position:fixed;left:0;top:0;width:70%;height:100%;background:#fff;z-index:55;}
    .header-nav .nav{display:block;}
    .header-nav .nav li a:after{display:none !important;}
    .header-nav .nav li a{border-bottom:1px solid #ddd;}
    .header-nav .nav li.active a{border-bottom:1px solid #000;}
    .index-hop{margin:75px 0 35px 0;padding:0 15px;}
    .index-title .h3{font-size:20px;}
    .index-title .h2{font-size:36px;}
    .index-hop-box{flex-wrap:wrap;}
    .index-hop-box-fl{width:100%;}
    .index-hop-box-fr{width:100%;margin:25px;}
    .index-hop-box{margin-top:40px;}
    .index-product{margin:55px 0 0 0;}
    .index-recommend{padding:75px 25px;}
    .index-recommend-title .h2{font-size:36px;}
    .index-recommend-title .h2-normal{font-size:36px;}
    .index-recommend-title .tip{margin:25px 0;}
    .index-recommend-dl{flex-wrap:wrap;}
    .index-recommend-dl .dl-small{margin:25px 0;}
    .index-recommend-dl .dl-big{margin:25px 0;}

    .index-product-box .index-product-li .li-con{padding:15px 15px 40px 15px;}
    .index-product-txt{width:75%;}
    .index-follow-box{margin-top:40px;}
    .index-follow{margin:75px 0;}
    .index-night-article .c{font-size:20px;}
    .index-night-article .h2{font-size:30px;}
    .index-night-article .date{font-size:14px;}
    .footer-bottom{flex-wrap:wrap;}
    .footer-left{width:100%;}
    .footer-bottom{padding:20px;}
    .footer-links{width:100%;}
    .footer-top{margin:20px auto;}
    .footer-links{justify-content:center;}
    .footer-links .links-a{margin:0 10px;}
    .main-footer .footer-nav li a{margin:0 10px;}
    .index-hop-t{font-size:20px;}
    .index-night-article .c{font-size:16px;margin:15px 0;}
    .index-night-article .date{font-size:14px;}
    .index-night-article .h2{font-size:24px;}
    .index-night-article{bottom:auto;top:50%;transform: translateY(-50%);}
    .index-recommend-dl{padding:0;margin:45px 0px;}
    .index-recommend-dl .dl-small-img li{margin:0 10px;}
    .index-recommend-dl .dl-small-img{margin:0 -10px;}
    .index-recommend-dl .dl-tit{font-size:24px;}
    .index-recommend-dl .dl-c{font-size:16px;}
    .index-recommend-dl .dl-txt{margin-top:20px;max-width:90%;}
    .index-recommend-dl .dl-big{margin:15px 0;}
    .index-recommend-dl .dl-small{margin:15px 0;}
    .index-product-box .index-product-li .play-icon{}
    .index-product-box .index-product-li .li-t{font-size:24px;}
    .index-product-box .index-product-li .li-c{font-size:14px;line-height:2;}
    .index-product-box .index-product-li{min-height:400px;}
    .index-recommend-dl .dl-small{width:100%;}
    .index-recommend-dl .dl-big{width:100%;}
    .index-recommend-dl .dl-small-img li{width:calc(50% - 20px)}

    .index-night{min-height:400px;}
    .index-night-article{top:inherit;transform: translateY(0);bottom:30px;}
    .index-recommend-dl:nth-child(2){margin-bottom:0;}
    .index-follow .index-title{padding:0 15px;}


}