@media (max-width:1607px){}
@media (max-width:1500px){#header{background:#ffffff !important;width:100%;height:50px;padding:0;position:fixed;top:0;left:0}
#inside #banner{padding-bottom:50px}
#header .logobox{width:500px}
#header .logobox .logoimg{width:60px;height:60px}
#header .logobox .logotxt-1{font-size:30px}
#header .logobox .logotxt-2{letter-spacing:0px}
#c1{width:100%}
}@media (max-width:1300px){#header .logobox{background:none}
#header .menu{display:flex}
#header .logobox{width:auto;transform:translateX(10px)}
#header .logobox .logoimg{width:40px;height:40px}
#header .logobox .logotxt-1{font-size:20px;color:#2a343e;font-weight:bold;    letter-spacing: 1px;}
#header .nav{background:#ffffff;width:75%;height:100%;margin:0;position:fixed;top:0;right:-110%;z-index:1;overflow-y:auto;line-height:50px;padding:20px;flex-direction:column;justify-content:flex-start;z-index:10}
#header .nav .nav-item{border-bottom:1px solid #e1e1e1;display:flex;justify-content:space-between}
#header .nav .nav-item::after{content:">";font-size:18px;color:inherit}
#header .nav .nav-item a{color:#333333;width:100%}
#header .logobox .logotxt .logotxt-2,#header .imgs,#banner::after,#header .nav .nav-item .subnav{display:none !important}
.f-center .left{width: 100%;}
}@media (max-width:1150px){}
@media (max-width:1100px){}
@media (max-width:914px){}
@media (max-width:768px){.banSwiper{height:200px}
.banSwiper .swiper-slide .txt p:first-child{font-size:22px}
.banSwiper .swiper-slide .txt p:last-child{font-size:12px;letter-spacing:0}
.banSwiper .swiper-slide .txt{top:50%}
.c1Swiper{position:relative; height:560px;}
.c1Swiper .swiper-slide a{}
#c1{width:100%}
#c1 .c1img,#c1 .c1txt{width:calc(100% - 30px);margin:0 auto}
#c1 .swiper-pagination{display:block;left:50%;bottom:-40px;transform:translateX(-50%)}
#c2{padding:0;padding-top:1px}
#c2 .title{font-size:28px;font-family:PangMenZhengDao;color:#ffffff;margin-bottom:10px;margin-top:30px}
#c2 .ftitle p{font-size:14px; line-height:30px;}
#c2 .desc{flex-wrap:wrap;height:auto;}
#c2 .desc .desc-item{width:50%;height:170px;border:1px solid rgba(255,255,255,0.2)}
#c2 .desc img{height:30px}
#c2 .tabs{flex-direction:column;align-items:center;display: block;}
#c2 .tabs .tab{width:44%;clip-path:none;background:transparent;border:1px solid #ffffff; float:left; margin:10px 3%;}
#c2 .tabs .tab .txt a{ font-size:22px;}
#c2 .tabs .tab img{margin-right:10px}
#c2 .video-button{width:65px;height:65px;margin:25px auto}
#c2 #videoPopup{width:90%;height:auto}
#c3,#c3 .c3Swiper{height:220px}
#c3 .swiper-slide .title{font-size:18px;font-weight:bold}
#c3 .swiper-slide .ftitle{font-size:14px;margin:10px auto;font-weight:500}
#c3 .swiper-slide .desc p{font-size:14px;line-height:20px}
#c4,#c5,#c6{padding:10px 0}
#c4 .c4-list{flex-direction:column}
#c4 .c4-list .c4-item{width:100%}
#c5{height:auto}
#c5 .w{flex-direction:column}
#c5 .left{height:auto;width:100%;padding:20px 10px}
#c5 .left .title{font-size:24px;font-weight:bold}
#c5 .left .ftitle{font-size:16px;font-weight:bold;margin:10px 0}
#c5 .left .desc{font-size:14px}
.c5-list{width:100%;height:510px}
.c5-item{height:170px}
.f-center .left .title{font-size: 32px;}
#c6 .c6-list{flex-wrap:wrap}
#c6 .c6-list .c6-item{width:100%;margin-bottom:10px; height:250px;}
#c7{height:220px}
#c7 .txt-1{font-size:16px;font-weight:bold}
#c7 .txt-3{font-size: 14px;}
#c7 .txt-2{font-size:20px}
.f-top,.f-center{flex-direction:column;height:auto;padding:10px}
.f-top .item{width:100%;margin-bottom:10px}
.f-top .img{width:60px;height:60px}
.f-top .img{height:auto}
.f-top .item:nth-child(3) .img{transform:translateX(5px)}
.f-bot .w{flex-direction:column;align-items:center;padding:0 20px;text-align:center;line-height:34px}
.f-center .w{height: 100%;}
.f-center .left .ftitle{font-size: 12px;}
.swiper-slide{width:100% !important}
.c5-item{width:50%}
.contitlebox{margin:10px auto}
.contitle{font-size:20px;font-weight:bold}
.contitle1{font-size:20px;font-weight:bold}
#inside #breadcrumb{height:200px;padding:0}
#inside #breadcrumb::after{display:none}
#inside #breadcrumb .desc{font-size:32px;text-align:center;font-weight:bold}
#inside #content{padding:20px 0;padding-top:20px}
#inside #content .w{flex-direction:column}
#inside #content .sidebar{margin-right:0}
#inside #content .sidebar .sidebar-list,#inside .news-content .main{display:flex;flex-wrap:wrap}
#inside #content .sidebar .sidebar-list li{width:50%;padding-left:20px}
#inside .jtry-content .main li,#inside .news-content .main li{width:100%}
#inside .breadcrumb-nav{margin-top:20px}
#inside .page-details .center .title{text-align:center; font-size:40px;}
#inside .news-content .main li{height:auto !important;margin-top:10px}
#inside .news-content .main li a{height:200px}
#inside .news-content .main li a .img{width:40%;height:inherit;flex-shrink:0}
#inside .news-content .main li a .detail{flex:1;min-width:0}
#inside .news-content .main li a .detail .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#inside .news-content .main li a .detail .desc{-webkit-line-clamp:3}
#inside .product-content .main .detail .more{width:100px;height:40px;background:#f58423;position:absolute;right:0;bottom:0;-webkit-clip-path:polygon(24% 0,100% 0,100% 100%,0% 100%);clip-path:polygon(24% 0,100% 0,100% 100%,0% 100%)}
#inside .product-content .main .more span{bottom:10px;right:10px}
#inside .product-content .main li{width:100%; height:575px;}
#inside .product-content .main .img img{width:100%}
#c1 .swiper-button-next,#c1 .swiper-button-prev,.f-center .center,#inside #breadcrumb .nav,#inside #content .sidebar .contactus,#inside #content .page-details .sidebar .sidebar-title,.banSwiper .swiper-button-prev,.banSwiper .swiper-button-next{display:none !important}
#inside .pro-details .product-top-img{position:relative;width:100%;height:300px;left:50%;transform:translateX(-50%);margin-bottom:31px}
#inside .page-details .product-top-img img{height:300px !important}
#inside .pro-details .product-top-img .txt{height:40px;line-height:40px;font-size:14px}
#inside table td:first-child{min-width: 70px;}
#inside table td:last-child{min-width: 250px;}
.c5-item .img img{ width:100%; height:100%;}
#inside .product-content .main .img{ height:320px;}
#inside .jtry-content .main li a .img{ height:290px;}
#inside .page-details .center .article img{ width:100%;}
#inside .page-details .center .article .text{ font-size:14px;}
#inside .page-details .center .article .text p{ line-height:28px;}
#inside .jtry-content .main li{ height:365px;}
#c1 .c1img{ height:300px;}
#c6 .img img{ width:100%;}
}@media (max-width:500px){}
@media (max-width:477px){}
@media (max-width:459px){}
@media (max-width:375px){}