@charset "utf-8";
/* CSS Document */
/* 响应式设计 */
@media  screen and (max-width: 1024px) {
	.navbar{height:3.4375rem;/*padding-top: env(safe-area-inset-top);*/}
	.nav-menu, .nav-contact {display: none;}
	.hamburger {display: flex;}
	/* 汉堡菜单动画 */
	
	.navbar-container {padding: 0 15px; height:55px;}
	.logo{height:50px;}
	.logo img{ height:70%;}
	.nav-item{ margin:0;}
	.mobile-menu{display:flex;}
	.mobile-dropdown-menu{ display: block; }
	.mobile-dropdown-menu ul{display:flex;align-items:center;flex-wrap:wrap;}

	.slide h2 {font-size: 2.5rem;}
	.slide p {font-size: 1.2rem;}
	.nav-btn {width: 50px;height: 50px;	font-size: 1.5rem;}	
	.prev-btn {	left: 15px;	}
	.next-btn {	right: 15px;}
	.counter {top: 20px;right: 20px;font-size: 1rem;}

		
	.section-qby{height: 100dvb; padding: 0;}
	.section-qby h2{font-size: 2.5rem;}
	.section-qby p{width: 96%; font-size: 1.5rem;}
	.section-qby .huadong i{padding: 8px;}

	.section-dby{height: 100dvb;padding: 0;}
	.section-dby h2{font-size: 2.5rem;}
	.section-dby p{width: 96%; font-size: 1.5rem;}

	.section-cdlf{flex-direction:column-reverse; height: 100dvh; width: 100%; padding: 0;}
	.section-cdlf h2{font-size: 2rem; text-align: center;}
	.section-cdlf p{ text-align: center;}
	.section-cdlf p br{display: none;}

	.section-pwb{height: 100dvb; padding: 0;}
	.section-pwb h2{font-size: 2.5rem;}
	.section-pwb p{width: 96%; font-size: 1.5rem;}
	.section-pwb .huadong i{padding: 8px;}

	.cdlf-right{ width: 96%; display: flex; justify-content: center; align-items: center; flex-direction: column;}
	.cdlf-right .PSN{font-size: 1.2rem;}
	.cdlf-right ul{ display:none;}
	.cdlf-right a.more{ margin-top: 15px; margin-bottom: 20px;}

	.articles-container{grid-template-columns:none; gap: 0px; padding: 0px;}
	.article-item{margin-top: 15px;}
	.article-left h5{font-size: 2rem; text-align:center; color: #0c4db6;}
	.article-left P{font-size: 1.5rem;}

	.articles-container{display:block; }

	.product_banner{height: 300px;}
	.position{top:0; padding: 70px 15px;}
	.banner-text{top: 50%; padding-left: 15px;}
	.banner-text h4{font-size: 1.8rem;}

	.product-list{padding:0 15px;}
	.product-wz{display: none;}
	.product-tag{ margin-top: 30px;}
	.product-tag ul{ padding: 15px 0;  width: 100%; margin:0px;grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));}
	.product-tag ul li{text-align: center; }
	
	.product-msg ul{grid-template-columns: repeat(auto-fill, minmax(19.375rem, 1fr));gap: 15px;}
	.product-msg ul li{background: #fff;box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);}

	.product-text strong {font-size: 20px; font-weight: bold;}

	.product-btns {display: flex; justify-content: center; align-items: center;}
	.product-btns a {margin-right: 0;width:auto;height: auto;line-height:1;font-size: 14px; padding: 8px; transition: 0.35s;}
	
	.catalog-title{padding: 50px 0px 40px;}
	.catalog-title strong {font-size: 40px;}
	.catalog-grid { padding: 10px; gap: 0px; ; display: flex; justify-content: center; align-items: center; flex-direction: column;overflow: hidden;}
	.catalog-card{margin-bottom: 15px;}

	.stats-bar {max-width: 96%; margin: auto;}
	.stat-item h5 {font-size: 1.25rem;color: #0c4db6;margin-bottom: 5px;}

	.wap-nav{width: 100%; position: fixed; z-index: 1000; bottom: 0; background: #FFF; padding: 2vw 5% 2vw 0; display: flex; justify-content: center; align-items: center; text-align: center;}
	
	.product_wrap{display: flex; flex-direction: column;  height: 100%;padding:0 10px; }
	.showpro_top{flex-direction: column;}
	.all-position{ padding: 70px 0px 30px 0px;}
	

	.thumbnails-container{order: 2; flex-direction: row; width: auto;gap: 5px; margin-bottom: 30px; margin-top: 30px;}
	.thumbnail {width: 80px;height: 80px;}

	.main-image-container{order: 1;margin-right: 0;}
	.introduction{order: 3; width: 100%; text-align: center;}
	.introduction h1 {font-size: 1.5rem;}
	.intro-btns{justify-content: center;}
	.zixun{display: none;}
	a.dianhua{display: block; background: #f58812; color: #FFF;}
	.product-features {width: 100%; padding-bottom: 30px;}
	.details_wrap{width: 95%; flex-direction: column;}
	.details-info strong{font-size:1.5625rem; padding-bottom: 15px;padding-top: 30px;}
	.details-video{padding: 0px; width: 100%;}

	.product_content{width: 98%;}
	.introduct-item{padding:5px; line-height: 25px;}
	.introduct-item h2{padding-bottom: 15px;padding-top:25px; margin-bottom:25px;}
	.introduct-item h3{padding-bottom: 15px;padding-top:25px; margin-bottom:25px;}

	.introduct-item table{font-size:12px;}
	.introduct-item table tr td{font-size:12px;}
	.introduct-item table tr:first-child{line-height: 21px; height:auto; font-weight: 600;}
	/* .introduct-item table td:nth-child(2) {white-space: nowrap;} */

	.down-current-pdf{padding: 10px;}
	.down-current-wrap{ width: 100%; flex-direction: column;}
	.down-ico{ width:100%; height: 100px;font-size: 60px;}
	.down-intro{padding: 20px;}
	.down-intro h5{font-size: 1.2rem; font-weight: bold;}
	.down-intro p{display: none;}
	.down-intro span{ color: #999; padding: 8px 0 8px 0;}

	.related-wrap{width: 100%;}
	.related-wrap h5{font-size:1.5rem; text-align: center;}
	.related-wrap ul{display: flex; flex-direction: column; align-items: center; gap: 15px;}
	.related-wrap ul li{width: 95%;}

	.comment{padding: 10px;}
	.comment h5{width: 100%;}
	.comment-wrap {width: 100%; display: flex; flex-direction: column; gap: 10px;}
	.user-info h6 {font-size: 1rem;}

	.download_banner{width: 100%; height: 300px; }
	.down_position{padding: 70px 15px 30px 15px;}
	.download_banner_text h1{ font-size: 1.875rem;}
	.download_banner_text br{display: none;}
	.download_banner_text p {font-size:.875rem; padding:0 15px;}

	.download-app{padding: 10PX;}
	#down-type{display:block; padding-bottom: 20px;}
	.download-list{flex-direction: column; margin-top: 20px;}
	.download-list h2{font-size: 2rem;}
	.download-grid {width: 100%;padding: 20px 0;}
	.card-title{font-size: 1.2rem;}

	.about_banner{ height: 300px;}
	.about_banner h1 {font-size: 1.875rem; padding-top: 15px;}
	.about_banner p {max-width: 90%; margin: 0 auto 20px; font-size: 1rem; }

	.aboutus{ max-width:100%; padding: 50px 15px;}
	.container{width: 100%;}
	.aboutus-title h2{font-size: 2rem;}
	.aboutus-title p {font-size: 1.2rem}
	.aboutus-text h3 {font-size: 1.3rem;}
	.aboutus-text p {margin-bottom: 20px;font-size: 1rem;}	
	.aboutus-image{display: none;}

	.section-advantages{padding: 50px 15px;}
	.advantages-title h2{font-size: 2rem;color: #0d50be;}
	.advantages-title p {font-size: 1.2rem; }

	.case-title h2{font-size: 2rem;color: #0d50be;}
	.case-title p {font-size: 1.2rem; }

	.case-list{gap:15px;grid-template-columns:repeat(auto-fill, minmax(100px, 1fr));}
	.case-list img{width: 100%;}

	.contactus_banner{height: 300px;}
	.contactus_banner h1{font-size: 2rem; padding-bottom: 20px;}
	.contactus_banner p {font-size: 1rem; padding: 5px 15px;}
	.contactus_banner br{display: none;}
	.conatctus-wrap{padding: 15px;}
	.conatctus-container {width: 100%; padding: 10px 0;}
	.wxcode-section { width: 100%;}
	.wxcode-item p { padding: 0px 15px;}
	.conatctus-info {min-width: auto;}
	.contact-form {min-width: auto;}

	.news-banner { height: 300px;}
	.news-banner h1 {font-size:2rem;margin-bottom: 10px; padding-top: 55px;}
	.news-banner p {font-size: 16px;max-width: 90%;}
	.search-news-container{width: 90%;}
	.search-news-input{width: 100%; height: 45px; line-height: 43px;}
	.news-banner .shape-1 {top:0;right:0;}
	.news-banner .shape-2 {bottom: 0;left:0;}

	.news-container {padding: 15px;}
	.category-filter {width: 95%; margin: auto; gap: 5px; display: grid;grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));}
	.filter-btn {padding: 8px 10px; font-size: 14px; border-radius: 5px;}
	.filter-btn i {margin-right: 2px;}
	.articles-grid {grid-template-columns: repeat(auto-fill, minmax(100%, 1fr)); gap: 20px;margin-bottom: 40px;}

	
	.article-detail-container{width: 100%; padding: 15px;}
	.article-detail-title {font-size: 1.5rem;}
	.article-detail-header {margin-bottom: 20px;}
	.article-detail-header #read-shijian{display: none;}
	.article-detail-content {width: 100%; font-size: 16px;padding: 0px;}
	.article-detail-content h2 {font-size: 20px;}
	.article-detail-content p{font-size: 16px;}
	.article-navigation {display: flex;justify-content:center; align-items: center; flex-direction: column; margin: 30px 0; gap: 15px;}
	.article-nav-btn {width: 95%; margin: auto; box-sizing: border-box;}

	.page{line-height:30px; margin-bottom: 30px;}
	.page a{width: 30px;}
	.page .current{width: 30px; border-radius: 5px;}
	.page .disabled{ width: 30px;}
	.page a:hover{border-radius: 5px;}

	.footer-box{width: 96%;}
	.footer-box .footer-nav{display: grid; grid-template-columns: repeat(3, 1fr)}
	.footer-nav dl{ padding-right: 0px;}
	.footer-logo{ display: none;}
	.footer-nav dl dt a{font-weight: bold; color: #0c4db6; font: size 14px; }
	
	.footer-copy br{display: block;}
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
	.nav-item{ margin:0;}
	.nav-menu li a{padding: 0 10px;}

	.section-qby{height: 100vh; margin-top: 55px; overflow: hidden;}
	.section-qby h2{font-size: 3rem; text-align: center;}
	.section-qby img{min-height: 0;max-width: 60%;}
	.section-qby p{font-size: 1.5rem;}

	.section-dby{height: 100vh; margin-top: 55px; overflow: hidden;}
	.section-dby h2{font-size: 3rem; text-align: center;}
	.section-dby img{min-height: 0;max-width: 60%;}
	.section-dby p{font-size: 1.5rem;}

	.aboutus{ padding: 50px 30px;}
	.container{width: 100%;}

	.article-image{height:auto; overflow: hidden;}
	.articles-container{grid-template-columns: repeat(3, 1fr);gap: 25px; padding: 0; padding-top: 20px; width: 98%; margin: auto; }
	.footer-logo .tel{ font-size: 25px;}
	.footer-box .footer-nav{display: grid; grid-template-columns: repeat(4, 1fr)}
}


@media  screen and (min-width: 1200px) and (max-width: 1450px) {
	.nav-menu li a{padding: 0 15px;}

	.section-qby{height: 100vh; margin-top: 55px; overflow: hidden;}
	.section-qby h2{font-size: 3rem; text-align: center;}
	.section-qby img{min-height: 0;max-width: 60%;}
	.section-qby p{font-size: 1.5rem;}

	.section-dby{height: 100vh; margin-top: 55px; overflow: hidden;}
	.section-dby h2{font-size: 3rem; text-align: center;}
	.section-dby img{min-height: 0;max-width: 60%;}
	.section-dby p{font-size: 1.5rem;}

	.article-image{height:auto; overflow: hidden;}
	.articles-container{grid-template-columns: repeat(3, 1fr);gap: 25px; padding: 0; padding-top: 20px; width: 98%; margin: auto; }
	.footer-box .footer-nav{display: grid; grid-template-columns: repeat(5, 1fr)}

	.product_wrap{height: 100%; padding-bottom: 50px;}

	.details_wrap{width: 95%;}
	.product_content{width: 95%;}
	.down-current-wrap{ width: 95%;}
	.related-wrap{width: 95%;}
	.comment h5{width: 95%;}
	.comment-wrap {width: 95%;}

	.aboutus{ padding: 50px 30px;}
	.container{width: 100%;}

	.footer-logo .tel{ font-size: 25px;}
}