@media screen and (min-width: 993px){
    /********banner css**********/
    .banner-index{margin-top: 0; font-size: 0; overflow: hidden;}
    .banner-i .swiper-slide{font-size: 0; background: #f7f7f9;}
    .banner-i .swiper-slide img{display: inline-block; max-width: 100%;}
    .banner-pagination{bottom: 25px!important; /*text-align: right!important; padding-right: 8.333333%;*/}
    /*.banner-pagination span{display: inline-block; width: 35px; height: 6px; background: #231917; margin: 0 5px; opacity: 0.5; border-radius: 50px;}*/
    /*.banner-pagination span.swiper-pagination-bullet-active{background: var(--thime-body-color); opacity: 1;}*/
    /********goods css*******/
    .gdL_box{position: relative;}
    .goods_brief{color: #fff; padding: 100px 10%; background: var(--thr-body-color);}
    .goods_brief h2{font-size: 32px; text-transform: capitalize; line-height: 1.2; margin-bottom: 42px;}
    .goods_brief span{display: block; font-size: 36px; line-height: 1.75; padding-bottom: 10px;}
    .goods_brief p{font-size: 14px; line-height: 1.75; text-align: justify; padding-bottom: 70px;}
    a.more_btn{width: 158px; height: 40px; -webkit-clip-path: polygon(91% 0, 100% 50%, 91% 100%, 9% 100%, 0 50%, 9% 0); clip-path: polygon(91% 0, 100% 50%, 91% 100%, 9% 100%, 0 50%, 9% 0); color: #fff; text-align: center; line-height: 40px; position: relative; z-index: 2; background: #fff; overflow: hidden; display: block; font-size: 14px;}
    a.more_btn:after{content: ''; position: absolute; left: 2px; top: 2px; z-index: -1; background: var(--thr-body-color); display: block; width: calc(100% - 4px); height: calc(100% - 4px); -webkit-clip-path: polygon(91% 0, 100% 50%, 91% 100%, 9% 100%, 0 50%, 9% 0); clip-path: polygon(91% 0, 100% 50%, 91% 100%, 9% 100%, 0 50%, 9% 0);}
    .goods_brief a{width: 158px; height: 40px; -webkit-clip-path: polygon(91% 0, 100% 50%, 91% 100%, 9% 100%, 0 50%, 9% 0); clip-path: polygon(91% 0, 100% 50%, 91% 100%, 9% 100%, 0 50%, 9% 0); color: #fff; text-align: center; line-height: 40px; position: relative; z-index: 2; background: #fff; overflow: hidden; display: block; font-size: 14px;}
    .goods_brief a:after{content: ''; position: absolute; left: 2px; top: 2px; z-index: -1; background: var(--thr-body-color); display: block; width: calc(100% - 4px); height: calc(100% - 4px); -webkit-clip-path: polygon(91% 0, 100% 50%, 91% 100%, 9% 100%, 0 50%, 9% 0); clip-path: polygon(91% 0, 100% 50%, 91% 100%, 9% 100%, 0 50%, 9% 0);}
    .goods_brief a:hover{color: var(--thime-body-color); font-weight: bold}
    .goods_brief a:hover:after{background: #fff}
    .goods-titbox{height: 248px; background: #fff; width: 100%; padding-left: 5% !important;}
    .goods-titbox .swiper-slide{cursor: pointer;}
    .goods-titbox .swiper-slide span{display: block; width: 42px; height: 42px; margin: 65px auto 20px; overflow: hidden;}
    .goods-titbox .swiper-slide span i{ width: 42px; margin: 65px auto 20px; overflow: hidden;font-size: 38px;line-height: 42px;}
    .goods-titbox .swiper-slide.active-nav span i,
    .goods-titbox .swiper-slide.active-nav p{color: var(--thime-body-color);}
    .goods-titbox .swiper-slide p{font-size: 16px; color: #2c2c2c; line-height: 2.5; text-align: center;}
    .g-0{position: relative; z-index: 3;}

    .goods-mainbox .swiper-slide a{display: block;width: 100%;height: 100%;overflow: hidden}
    .goods-mainbox .swiper-slide a img{width: 100%;height: 100%;object-fit: cover}
    .goods_more{height: 248px; background: var(--thr-body-color);width: 48%;position: absolute;bottom: 0; left: 100%;z-index: 3}
    .goods_more a{display: block; width: 100%; height: 100%; color: #fff; text-align: center; padding: 38px 70px 0;}
    .goods_more span{display: block; font-size: 24px; text-transform: capitalize; padding-bottom: 20px; border-bottom: 2px solid #fff; margin-bottom: 20px;}
    .goods_more:hover{background: var(--sec-body-color)}
    /***********about css************/
    .about-index{padding: 184px 0 134px; position: relative; background: url("../img/pc/about_bg.jpg") no-repeat center bottom;}
    .tit_box{font-size: 46px; color: #333; letter-spacing: 1px; text-align: center; padding-bottom: 50px;}
    .tit_box span{display: block; font-size: 14px; letter-spacing: 5px; padding-top: 15px;}
    .about_main{font-size: 16px; color: #333; line-height: 2; text-align: center;}
    .about_mainbox .swiper-slide{background: transparent; width: 100%;}
    .about_more{display: block; margin: 50px auto 96px; width: 158px; height: 40px; -webkit-clip-path: polygon(91% 0, 100% 50%, 91% 100%, 9% 100%, 0 50%, 9% 0); clip-path: polygon(91% 0, 100% 50%, 91% 100%, 9% 100%, 0 50%, 9% 0); color: #fff; text-align: center; line-height: 40px; position: relative; z-index: 2; background: #fff; overflow: hidden; font-size: 14px;}
    .about_more:after{content: ''; position: absolute; left: 2px; top: 2px; z-index: -1; background: url(../img/pc/about_bg.jpg) no-repeat center 70%; display: block; width: calc(100% - 4px); height: calc(100% - 4px); -webkit-clip-path: polygon(91% 0, 100% 50%, 91% 100%, 9% 100%, 0 50%, 9% 0); clip-path: polygon(91% 0, 100% 50%, 91% 100%, 9% 100%, 0 50%, 9% 0);}
    .about_more:hover{color: var(--thime-body-color); font-weight: bold}
    .about_more:hover:after{background: #fff}
    .about_titbox{background: #fff; width: 794px; height: 164px; -webkit-clip-path: polygon(91% 0, 100% 50%, 91% 100%, 9% 100%, 0 50%, 9% 0); clip-path: polygon(91% 0, 100% 50%, 91% 100%, 9% 100%, 0 50%, 9% 0); overflow: hidden; padding:42px 9% 0!important;}
    .about_titbox .swiper-slide{cursor: pointer; position: relative;}
    .about_titbox .swiper-slide + .swiper-slide:after{content: ''; position: absolute; left: 0; top: 18px; transform: translateX(-100%); display: block; width: 130px; border-bottom: 2px dotted #333;}
    .about_titbox .swiper-slide span{display: block; height: 36px; overflow: hidden; margin: 0 auto; text-align: center;}
    .about_titbox .swiper-slide span img{display: block; margin: 0 auto; transition: .3s;}
    .about_titbox .swiper-slide p{padding-top: 26px; text-align: center; color: #333; font-size: 14px;}
    .about_titbox .swiper-slide.active-nav img{transform: translateY(-36px)}
    .about_titbox .swiper-slide.active-nav p{color: var(--thime-body-color);}
    /*******swiper_vr css********/
    .swiper_vr{}
    .swiper_vr a{display: block;font-size: 0}
    /*******agent css*********/
    .agent-index{background: var(--thr-body-color);}
    .agent_tit{text-align: center; color: #fff; padding: 76px 0; }
    .agent_tit h2{font-size: 38px; text-transform: capitalize; line-height: 1.75;}
    .agent_tit .p1{font-size: 30px; line-height: 2; letter-spacing: 2px;color: var(--thime-body-color)}
    .agent_tit .p2{font-size: 14px; padding-top: 16px;}
    .agent_list{height: 566px}
    .agent_list div{background: #ccc}
    .agent_box{ /*height: 746px;margin-bottom: 96px;*/ font-size: 0; text-align: center;}
    .agent_box .row{height: 230px; transform: translateY(-50%);padding: 0 4%}
    .agent_box .row .list{background: #fff; cursor: pointer; height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;}
    .agent_box .row .list span{display: block; width: 40px; height: 40px; margin: 0 auto 20px; overflow: hidden;background: #000}
    .agent_box .row .list:hover span{background: var(--thime-body-color)}
    .agent_box .row .list p{font-size: 15px; color: #040404; text-align: center;}
    .agent_box .row .list:hover p{color: var(--thime-body-color)}
    .agent_box .row .list.tell{background: var(--thime-body-color); color: #fff; font-size: 24px; text-align: left; padding-left:40px!important; letter-spacing: 2px; cursor: initial;align-items: flex-start;}
    .agent_box .row .list.tell p{font-size: 30px; font-weight: bold; color: #fff; text-align: left; padding-top: 15px;}
    /*******partner css******/
    .partner{padding: 112px 0;}
    .partner .tit{color:var(--thime-body-color); text-align: center;}
    .partner .tit h2{font-size: 38px; text-transform: capitalize; line-height: 1.75;}
    .partner .tit p{font-size: 14px; padding-top: 16px; line-height: 2; color: var(--sec-body-color);}
    .partner .link{padding: 50px 0; font-size: 0; width: 100%;}
    .partner .link li{float: left; width: 20%; height: 178px; padding: 0 20px; transition: .3s; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea;}
    .partner .link li:nth-child(5n){border-right: transparent}
    .partner .link li:nth-of-type(n+6){border-bottom: 0}
    .partner .link li:hover{box-shadow: 0 0 20px 6px #e0e0e0; border-color: transparent;}







}
@media screen and (max-width: 992px){
    /*首页-产品 css*/
    .goods-index{padding: 25px 0}
    .goods-titbox{background: #fff;width: 100%;}
    .goods-titbox .swiper-slide{padding-bottom: 25px;}
    .goods-titbox .swiper-slide span{display: block;margin: 0 auto 8px;overflow: hidden;}
    .goods-titbox .swiper-slide span i{overflow: hidden;font-size: 30px;line-height: 30px;}
    .goods-titbox .swiper-slide.active-nav span i,
    .goods-titbox .swiper-slide.active-nav p{color: var(--thime-body-color);}
    .goods-titbox .swiper-slide p{font-size: 16px;color: #2c2c2c;line-height: 1.25;text-align: center;}
    /***********about css************/
    /*首页-介绍 css*/
    .about-index .p{font-size: 14px;text-align: justify;line-height: 1.75;color: #323333}
    .about-index .about-box dl{width: 100%;margin-top: 15px}
    .about-index .about-box dl .box{max-width: calc(33.3% - 60px);margin-top: 20px;margin-right: 60px;text-align: center}
    .about-index .about-box dl .box:nth-last-of-type(1){margin-right: 0}
    .about-index .about-box dl .icon{width: 34px;margin: 0 auto}
    /*首页-新闻 css*/
    .news-index{margin-top: 60px}
    .news-index .home-title{padding: 30px 0;background: url("../img/m/index_03.jpg") center top no-repeat;margin-bottom: 28px}
    .news-index .news-list .news_img{border-radius: 9px;overflow: hidden;margin-bottom: 20px;font-size: 0}
    .news-index .news-list .news_tit{font-size: 18px;font-weight: 600;display: block;width: 100%;border-bottom: 1px solid var(--thime-body-color);padding-bottom: 14px;line-height: 1;color: #333}
    .news-index .news-list .news-info p{font-size: 14px;color: #666;padding-top: 12px}
    .news-index .news-list .news-info .more{display: block;font-size: 15px;margin-top: 16px;color: var(--thime-body-color);text-decoration: underline}
    .news-index .news-list li + li{margin-top: 45px}
    /*******agent css*********/
    .agent-index{padding-top: 40px;padding-bottom: 30px}
    .agent_tit{display: none}
    .agent_list{height: 566px}
    .agent_list div{background: #ccc}
    .agent_box .row .list{background: #fff; cursor: pointer; height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;}
    .agent_box .row .list span{display: block;width: 30px;height: 30px;margin: 20px auto 5px;overflow: hidden;background: #000}
    .agent_box .row .list:hover span{background: var(--thime-body-color)}
    .agent_box .row .list p{font-size: 14px;color: #040404;text-align: center;margin-bottom: 20px;}
    .agent_box .row .list:hover p{color: var(--thime-body-color)}
    .agent_box .row .list.tell{display: none}
    /*******partner css******/
    .partner{}
    .partner .tit{color:var(--thime-body-color); text-align: center;}
    .partner .tit h2{font-size: 25px;text-transform: uppercase;line-height: 1.75;}
    .partner .tit p{font-size: 14px;line-height: 1.75;color: var(--sec-body-color);}
    .partner .link{padding: 20px 0;font-size: 0;width: 100%;}
    .partner .link li{float: left;width: 33.33%;height: 78px;padding: 0 10px;transition: .3s;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;border-bottom: 1px solid #eaeaea;border-right: 1px solid #eaeaea;}
    .partner .link li:nth-child(3n){border-right: transparent}
    .partner .link li:nth-of-type(n+7){border-bottom: 0}
    .partner .link li:nth-last-of-type(1){display: none}
    .partner .link li:hover{box-shadow: 0 0 10px 1px #e0e0e0; border-color: transparent;}
}
@media screen and (max-width: 576px){}