/* Large Screen  */

@media only screen and (min-width: 1171px) and (max-width: 1500px) {







}





/* Normal desktop :992px. */

@media only screen and (min-width: 992px) and (max-width: 1169px) {

.pt-100 {

    padding-top: 50px;

}

.pt-50{   padding-top:30px;}

/*-- Header --*/

.header-section {

  padding: 0 30px;

}

.header-search {

  padding: 35px 0;

}

.header-search .search-toggle {

  padding: 0;

}

.header-account {

  margin-left: 15px;

}

.header-account > ul > li > a {

  padding: 0;

}

.header-cart {

  margin-left: 15px;

}

.header-cart .cart-toggle {

  padding: 0 10px 0 0;

}



/*-- Menu --*/

.main-menu.menu-right {

  margin-right: 20px;

}

.main-menu > ul > li {

  margin: 0 10px;

}



/*-- Home Slider --*/

.hero-video-caption {

  padding: 200px 0;

}

.hero-slider-content {

  margin-top: 40px;

  padding-right: 45px;

}

.hero-slider-content h1 {

  font-size: 40px;

}

.hero-slider-content p {

  font-size: 14px;

}

/*-- Slider Nav --*/

.nivo-prevNav {

  left: 20px;

}

.nivo-nextNav {

  right: 20px;

}



/*-- Testimonial Slider --*/

.home-solution-slider {

  padding: 0 50px;

}



/*-- Banner Style --*/

.single-banner-2::before {

  width: 420px;

}



/*-- List Product --*/

.list-product-info {

  padding-top: 10px;

}

.list-product-info .title {

  font-size: 24px;

  margin-bottom: 10px;

}

.list-product-info .price {

  margin-bottom: 10px;

}



.home-news-desc h2{font-size:16px;}

.home-news ul{flex-basis:`calc(100% / 3 - 30px); }

.home-news ul li{padding:1.5rem;}

#dropmenu-product-nav{width: 90vw; /* 宽度为视口宽度的90% */}

.product_nav{width:22%;float:left;}

.product_nav ul li h2{font-size:16px;}



.video_list ul{dgrid-template-columns:repeat(3,1fr);gap:30px;}

.video_cover{position:relative;height:200px;}

.video_cover h4{width:45px;height:45px;}

.video_list ul li h2{font-size:18px;margin:15px 0;}

.video_list ul li p{font-size:14px;line-height:150%;}

.article_list ul{grid-template-columns:repeat(3,1fr);gap:30px;}

.article_content{margin:15px 10px;}

.article_cover{height:200px;}

.article_list ul li h2{font-size:16px;margin:10px 0;line-height:150%;}

.article_list ul li p{font-size:12px;line-height:150%;margin-bottom:15px;}

.home-news-more a{font-size:12px;  padding:0px 5px;}



.zq-scene ul{gap:20px; grid-template-columns:repeat(4,1fr);padding:20px;}

.zq-scene ul li{padding-left:30px;font-size:18px;}



.zq-difficulty ul li span{width:70px;height:70px;}

.article-view{width:70%;}

.article-tj{width:30%;}

.article-view .title h2{font-size:30px;}





.produce-center{display:grid;gap:30px; grid-template-columns: 55% auto;margin-bottom:5rem;}

  /* 声明行的高度，3行，每一行高度为 (容器高度 - 网格轨道高度 - 容器边框高度) / 3 */

 

.produce-center .big-img{ grid-row: 2 / 3; /* 跨第一行和第二行 */padding:0;}

.produce-center .title{grid-area: 1 / 1 / 2 / 3;text-align:center;/* 指定 项目 的位置 */

/* 从第一根行网格线开始 */

/* 从第二根列网格线开始 */

/* 从第二根行网格线结束 */

/* 从第四根列网格线结束 */}

.produce-center .equipment ul{gap:1rem;}

.produce-center .activity ul{gap:1rem;}





.yf-center{display:grid;gap:30px; grid-template-columns: 55% auto;}

  /* 声明行的高度，3行，每一行高度为 (容器高度 - 网格轨道高度 - 容器边框高度) / 3 */

 

.yf-center .big-img{ grid-row: 2 / 3; /* 跨第一行和第二行 */padding:0;}

.yf-center .title{grid-area: 1 / 1 / 2 / 3;text-align:center;/* 指定 项目 的位置 */

/* 从第一根行网格线开始 */

/* 从第二根列网格线开始 */

/* 从第二根行网格线结束 */

/* 从第四根列网格线结束 */}

.yf-center .equipment ul{gap:1rem;}

.yf-center .activity ul{gap:1rem;}

.yf-center .activity {grid-area: 3 / 2 / 4 / 3;}
.zs-section{height:720px;}




}



 

/* Tablet desktop :768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {

.section-title h2 {

  font-size: 32px;

  line-height: 30px;font-weight:500;

}

.section-title p {

  font-size: 18px;

  line-height: 18px;

}

.mb-70{margin-bottom:30px;}

.pt-100 {

    padding-top: 50px;

}

.pt-50{   padding-top:24px;}

/*-- Header --*/

.header-section {

  padding: 0 15px;

}

.header-option-btns {

  padding-right: 50px;

}



/*-- Home Slider --*/

.hero-video-caption {

  padding: 150px 0;

}

.hero-slider-content {width:100%;

  margin-top: 0;

  text-align: center;

}

.hero-slider-content h4 {

  font-size: 16px;

  margin-bottom: 10px;

}

.hero-slider-content h1 {

  font-size: 30px;

  margin-bottom: 5px;

}

.hero-slider-content p {

  font-size: 13px;

  margin-bottom: 15px;

}

.hero-slider-content a {

  height: 32px;

  padding: 4px 20px;

}

/*-- Slider Content 2 --*/

.hero-slider-content-2 h1 {

  font-size: 30px;

}

.hero-slider-content-2 h1 span {

  font-size: 50px;

}

.hero-slider-content-2 a {

  height: 32px;

  padding: 4px 20px;

}

/*-- Slider Nav --*/

.nivo-prevNav {

  left: 0;

}

.nivo-nextNav {

  right: 0;

}



/*-- Banner --*/

.single-banner-2::before {

  -webkit-transform: rotate(20deg) scale(1.8);

  -ms-transform: rotate(20deg) scale(1.8);

  transform: rotate(20deg) scale(1.8);

  width: 320px;

}

.banner-two-item-content h4 {  font-size: 16px;

  margin-bottom: 10px;}

.banner-two-item-content h1 {    font-size: 24px;}

.banner-two-item-content p {    font-size: 14px;}

.banner-two-item-content a {

  height: 32px;

  padding: 4px 20px;

}

.single-banner-2 .content {

  max-width: 360px;

  right: 50px;

}

.single-banner-2 .content h1 {

  font-size: 28px;

  margin-bottom: 10px;

}

.single-banner-2 .content p {

  font-size: 14px;

  margin-bottom: 20px;

}

.single-banner-2 .content a {

  height: 36px;

  padding: 6px 20px;

}

    

/*-- Product Slider Controls --*/

.product-slider .arrow-prev {

  left: 0;

}

.product-slider .arrow-next {

  right: 0;

}



/*-- Footer --*/



.footer-widget.link-widget {

  padding-left: 15px;

}

.widget-title {

  font-size: 16px;



}







.home-news-desc h2{font-size:16px;}

.home-news ul{ flex-basis: calc(50% - 10px);}

.home-news ul li{padding:1rem;}



#dropmenu-product-nav{width: 92vw; /* 宽度为视口宽度的92% */}

.product_nav{width:22%;float:left;}

.product_nav ul li h2{font-size:16px;}

.product-item-content h2{font-size:24px;margin-bottom:20px;}

.product-item-content p{font-size:14px;line-height:22px;height:66px;overflow:hidden;}

.product-item ul{gap:20px;}

.product-pt-content h2{font-size:18px;font-weight:600;}

.footer-gzh{display:none;}

.product-view-banner{height:380px;width:100%;}

.product-details .title { font-size:24px;}

.product-details .model {  font-size: 18px;  margin-bottom: 10px;}

.product-adv-img{margin-right:20px;overflow:hidden;}

.page-banner-section { height:380px;}

.page-banner-content h2 {  font-size: 36px;}

.page-banner-content p {  font-size: 24px;}

.product-sub-menu ul{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}

.product-sub-menu ul li{font-size:16px;line-height:30px;margin-bottom:20px;}

.product-sub-menu ul li a{display:block;padding:0 15px 0 20px;  background-image: none; /* 明确不显示图标 */ border-radius:10px; }

.product-sub-menu ul li a:hover{display:block;padding:0 15px 0 20px;  background-image: none; /* 明确不显示图标 */ border-radius:10px; }



.product-sub-menu ul li.on a{border-radius:25vh;background:url(../images/circle.svg) #3c78ff no-repeat  1rem center;background-size:12px 12px;}



.case-list ul li{width:calc(100% / 3 - 10px);}

.case-list ul li h3{font-size:18px;margin:15px 0 5px 0;}

.case-feature ul{flex-wrap:wrap;}

.case-feature ul li{height:25px;}

.case-background{gap:20px;}

.case-project-background-text{margin:20px;}

.case-project-background-img img{height:100%;}

.case-project-background-text h2{margin-bottom:15px;font-size:24px;}

.case-project-background-text span{font-size:12px;display:block;margin-bottom:15px;}

.case-project-background-text p{font-size:14px;color:#333333;line-height:180%;}





.case-background .case-contact{ gap:10px; margin-top:20px;margin-bottom:20px;}

.case-background .case-contact a{  font-size: 14px;  width:130px;  padding:8px 20px;  }

.case-background .case-contact img{width:20px;height:20px;margin-right:5px;}







.case-2-plan ul li{width:calc(100% / 4 - 10px);padding:10px 20px 20px 20px;}

.case-2-plan ul li span{width:70px;height:70px;margin:30px auto;}

.case-2-plan ul li h3{font-size:18px;}

.case-2-plan ul li p{font-size:12px;margin:10px;}



.case-3-effect ul li{border-radius:10px;width:calc(100% / 3 - 10px);}

.case-3-effect ul li h3{font-size:18px;height:45px;gap:10px;}

.case-3-effect ul li h3 img{width:20px;height:20px;}

.case-3-effect ul li .effect-bg{height:150px;padding:20px;font-size:14px;}



.case-4-plan ul li{width:calc(100% / 4 - 10px);padding:0px 0px 20px 0px;}

.case-4-plan ul li h3{font-size:18px;}

.case-4-plan ul li p{margin:10px;font-size:12px;}


.page-search-content{margin-top:-40px;}

.page-search-content h2 {

  font-size: 36px;

  font-weight: 400;

  margin-bottom: 20px;

  text-transform: uppercase;

}

.sidebar-title{font-size:18px;}



.article-home-content h2{font-size:16px;padding:0;margin:0;}

.article-home-content p{font-size:12px;}

.promotion-article-content{margin:10px 10px 0px 0;}

.promotion-article-content a{width:60px;}



.promotion-video-home{gap:20px;}

.promotion-video-home-item{justify-content:center;flex-basis:`calc(100% / 4 - 50px); padding:40px 20px;}

.promotion-video-home-item span img{height:40px;}

.promotion-video-home-item h3{font-size:18px;}

.video_list ul{dgrid-template-columns:repeat(3,1fr);gap:35px;}



.video_cover{height:180px;}



.video_list ul li h2{font-size:18px;margin:15px 0;}

.video_list ul li p{font-size:14px;line-height:150%;}

.video_cover h4{width:40px;height:40px;}



.article_list ul{grid-template-columns:repeat(3,1fr);gap:20px;}

.article_content{margin:15px 10px;}

.article_cover{height:180px;}

.article_list ul li h2{font-size:16px;margin:10px 0;line-height:150%;}

.article_list ul li p{font-size:12px;line-height:150%;margin-bottom:15px;}

.home-news-more a{font-size:12px;  padding:0px 5px;}

.zq-scene ul{gap:20px; grid-template-columns:repeat(3,1fr);padding:30px;}

.zq-scene ul li{padding-left:30px;font-size:16px;}



.zq-difficulty ul{gap:10px; grid-template-columns:repeat(4,1fr);}

.zq-difficulty ul li{padding:20px 10px;transition:all .3s;}

.zq-difficulty ul li span{width:60px;height:60px;margin:15px auto;}

.zq-difficulty ul li span img{width:50%;text-align:center;}

.zq-difficulty ul li h3{margin-bottom:20px;font-weight:600;font-size:16px;}

.zq-difficulty ul li p{font-size:12px;margin:5px;}

.zq-3{gap:10px; grid-template-columns:repeat(2,1fr);}

.zq-3-main{ grid-column: 1 / 3; /* 跨第一行和第二行 */padding:40px;height:250px;}

.zq-3-main .text{ font-size:16px;width:50%;}

.zq-3-main .bgimg img{width:50%;}



.zq-3-sub{padding:20px; }

.zq-3-sub .text h3{background-size:15px 15px;font-size:16px;font-weight:bold;}

.zq-3-sub .text p{font-size:12px;line-height:180%;}

.zq-3-sub .text{z-index:3;max-width:100%;}

.zq-3-sub .bgimg img{width:40%;}



.article-view{width:75%;}

.article-tj{width:25%;}

.article-view .title h2{font-size:24px;}

.article-tj h2{font-size:18px;margin-bottom:30px;}

.article-tj ul li h2{font-size:16px;margin:5px 0;line-height:150%;}

.article-tj ul li p{font-size:12px;margin:10px 0;text-align:left;line-height:150%;}

.article-view .content{font-size:12px;}





.contact-item{font-size:24px;margin-bottom:30px;}

.contact-content ul{gap:20px;}

.contact-content ul li{gap:20px;}

.contact-tel,.contact-email,.contact-address{width:40px;height:40px;}

.contact-tel:before {

  font-size: 20px;  

}

.contact-email:before {

  font-size: 16px;

}

.contact-address:before {

  font-size: 20px;



}

.contact-tel-content{display:grid;grid-template-row:2;gap:10px;width:80%;}

.contact-tel-content h3{font-size:24px;}

.contact-wx ul{gap:10px;}

.contact-wx ul li{gap:10px;}

.contact-wx ul li span img{width:70%;margin:0 auto;text-align:center;}

.contact-wx ul li p{font-size:12px;line-height:150%;text-align:center;}

.contact-email-content{font-size:20px;}

.contact-address-content{font-size:16px;}



.produce-center{display:grid;gap:30px; grid-template-columns: 55% auto;margin-bottom:5rem;}

  /* 声明行的高度，3行，每一行高度为 (容器高度 - 网格轨道高度 - 容器边框高度) / 3 */

 

.produce-center .big-img{ grid-row: 2 / 3; /* 跨第一行和第二行 */padding:0;}

.produce-center .title{grid-area: 1 / 1 / 2 / 3;text-align:center;/* 指定 项目 的位置 */

/* 从第一根行网格线开始 */

/* 从第二根列网格线开始 */

/* 从第二根行网格线结束 */

/* 从第四根列网格线结束 */}

.produce-center .equipment ul{gap:1rem;}

.produce-center .activity ul{gap:1rem;}





.yf-center{display:grid;gap:30px; grid-template-columns: 40% auto;}

  /* 声明行的高度，3行，每一行高度为 (容器高度 - 网格轨道高度 - 容器边框高度) / 3 */

 

.yf-center .big-img{ grid-row: 2 / 3; /* 跨第一行和第二行 */padding:0;}

.yf-center .title{grid-area: 1 / 1 / 2 / 3;text-align:center;/* 指定 项目 的位置 */

/* 从第一根行网格线开始 */

/* 从第二根列网格线开始 */

/* 从第二根行网格线结束 */

/* 从第四根列网格线结束 */}

.yf-center .text{grid-area: 2 / 1 / 4 / 2;}

.yf-center .equipment {grid-area: 4 / 1 / 5 / 3;}

.yf-center .equipment ul{gap:1rem;}

.yf-center .activity ul{gap:1rem;}

.yf-center .activity {grid-area: 3 / 2 / 4 / 3;}

.zs-section{height:720px;}



.faq{  	padding: 0px 0;



 }

.faq>ul>li{	padding: 1rem;}

.faq>ul>li>.job-item{	font-size:14px;gap:3rem;}

.faq>ul>li>.job-item>h3{font-size:16px;}

.faq>ul>li>.job-item>.rmb{background-size:15px 15px;padding-left:20px;}

.job-content-item{	font-size: 14px;}

.job-content-text{	font-size: 12px;}

.faq>ul>li>span{

	width: 10px;

	height: 10px;

}

.product-sub-menu ul {justify-content:center;}





}



 

/* Large Mobile :480px. */

@media only screen and (max-width: 767px) {

.pt-100{padding-top:50px;}

.container {width:calc(100% / 1 - 20px);

}

.mt-40{margin-top:20px;}

.mb-40{margin-bottom:20px;}
.mb-30{margin-bottom:10px;}

.mb-70{margin-bottom:35px;}

.section-title h2 {

  font-size: 24px;
margin:0;padding:0
  line-height: 18px;

}



.section-title-case h2 {

  font-size: 24px;
font-weight:bold;
  line-height: 18px;

}

.section-title-case p {

  font-size: 14px;



}

.page-banner-section {margin-top:0px;

 height:200px;

   padding: 65px 0 65px;

}

.page-banner-content h2 {

  font-size:28px;

}

.page-banner-content p {

  font-size: 20px;

}





.page-banner-content .breadcrumb li {

  font-size: 14px;

}

/*-- Header --*/

.header-section {

  background-color: #fff;

  padding: 0 15px;

  position: static;

}

.header-section.stick {

  box-shadow: none;

  position: static;

}

.header-option-btns {

  padding-right: 50px;

}

.header-logo {

  padding: 21px 0;

  width: 150px;

}



.header-search {

  padding: 20px 10px;

}

.header-account > ul > li {

  padding: 20px 0;

}

.header-cart {

  padding: 20px 0;

}

a.meanmenu-reveal {

  top: -50px;

}

.mean-nav {

  box-shadow: none;

}

.mean-nav > ul > li > a {

  padding: 6px 0;

}

.mean-nav ul li li a, .mean-nav ul li li li a, .mean-nav ul li li li li a {

  padding: 3px 0;

}

.mean-nav ul li li:hover a {

  padding: 3px 0;

}



/*-- Home Slider --*/

.hero-video-caption {

  padding: 100px 0;

}

.hero-slider-content {

  margin-top: 0;

  padding-right: 15px;

  text-align: center;

}

.hero-slider-content h4 {

  font-size: 16px;

  margin-bottom: 10px;

}

.hero-slider-content h1 {

  font-size: 24px;

  margin-bottom: 5px;

}

.hero-slider-content p {

  font-size: 13px;

  margin-bottom: 15px;

}

.hero-slider-content a {

  height: 32px;

  padding: 4px 20px;

}

/*-- Slider Content 2 --*/

.hero-slider-content-2 {

  text-align: center;

}

.hero-slider-content-2 h1 {

  font-size: 24px;

  margin-bottom: 20px;

  margin-left: 0;

}

.hero-slider-content-2 h1 span {

  font-size: 40px;

}

.hero-slider-content-2 a {

  height: 32px;

  padding: 4px 20px;

}

/*-- Slider Nav --*/

.nivo-directionNav a {

  display: none;

}



/*-- Banner --*/

.single-banner-2::before {

  -webkit-transform: none;

  -ms-transform: none;

  transform: none;

  width: 100%;

}

.single-banner-2 .content {

  padding: 0 30px;

  right: 0;

  text-align: center;

  width: 100%;

}

.single-banner-2 .content h1 {

  font-size: 24px;

  margin-bottom: 10px;

}

.single-banner-2 .content p {

  font-size: 14px;

  margin-bottom: 15px;

}

.single-banner-2 .content a {

  font-size: 13px;

  height: 32px;

  padding: 4px 20px;

}



/*-- Testimonial Slider --*/

.home-solution-slider {

  padding: 0;

}

    

/*-- Product Slider Controls --*/

.product-slider .arrow-prev {

  left: 0;

}

.product-slider .arrow-next {

  right: 0;

}



/*-- Footer --*/

.footer-widget.link-widget {

  padding-left: 15px;

}

.footer-bottom-section .copyright, .footer-bottom-section .payment-method {

  text-align: center;

}





.footer-info{grid-template-columns:60% auto;gap:20px 10px; align-items:end;border-top:none;}

.footer-contact{grid-area: 1 / 1 / 2 / 3;}

.footer-contact h4 img{height:35px;}

.footer-social{grid-area: 2 / 1 / 3 / 2;text-align:left;}

.footer-gzh{grid-area: 2 / 2 / 3 / 3;}

.footer-hotline{text-align:left;}

.footer-hotline h1{font-size:24px;}

.footer-social-info {text-align:left;}

.footer-social-info ul{justify-content:flex-start;gap:10px;}

.footer-gzh{float:right;text-align:center;margin-top:20px;}

.footer-gzh p{font-size:12px;line-height:180%;color:#999;}

.footer-gzh img{height:90px;}

.footer-bottom-section .copyright {display:flex;justify-content:center;flex-wrap:wrap;}



.footer-bottom-section .copyright p{width:100%;display:block;}



.footer-menu{display:none;}

/*-- Shop --*/

.shop-tablist {

  width: auto;

}

.shop-bar p {

  display: block;

  float: left;

  text-align: left;

  width: 100%;

}



/*-- List Product --*/

.list-product-img {

  margin-right: 0;

  width: 100%;

}

.list-product-info {

  width: 100%;

}

.list-product-info .title {

  font-size: 24px;

}

.comment-list li ul {

  margin-left: 0;

}





#dropmenu-product-nav{width: 95vw; /* 宽度为视口宽度的95% */}

.case-list ul li{width:calc(100% / 2 - 5px);margin-bottom:10px;}

.case-list ul li h3{font-size:14px;margin:15px 0 5px 0;line-height:150%;}
.case-list ul li .case-list-content{margin:10px 10px;padding-bottom:20px;}
.case-feature ul{flex-wrap:wrap;margin-bottom:40px;}

.case-feature ul li{margin-bottom:-10px;padding:0;}

.case-background{flex-wrap:wrap;flex:1;}

.case-project-background-text{margin:10px 20px;}

.case-project-background-img{}

.case-project-background-img img{height:100%;object-fit: cover;}

.case-project-background-text h2{font-size:24px;}

.case-project-background-text span{font-size:12px;}

.case-project-background-text p{font-size:14px;}



.case-background .case-contact{ gap:10px; margin-top:20px;margin-bottom:20px;}

.case-background .case-contact a{  font-size: 14px;  width:130px;  padding:8px 20px;  }

.case-background .case-contact img{width:20px;height:20px;margin-right:5px;}



.product-list ul li{margin-bottom:20px;width:calc(100% / 2 - 10px);}

.product-list-banner{background:#1c1b25;border-radius:10px;overflow:hidden;display:flex; flex-wrap: wrap;}

.product-item-img{width:100%;}

.product-item-content{width: calc(100% - 10px); /* 减去一些间隙 */}

.product-item-content h2{font-size:20px;}

.product-item-content p{font-size:12px;}

.product-item ul{gap:20px;}

.product-item  ul li{font-size:16px;}

.case-2-plan ul{flex-wrap:wrap;}
.case-2-plan ul li{width:calc(100% / 2 - 10px);padding:10px 10px 10px 20px;margin-bottom:15px;}

.case-2-plan ul li span{width:50px;height:50px;margin:20px auto;}

.case-2-plan ul li h3{font-size:16px;}

.case-2-plan ul li p{font-size:12px;margin:0;}


.case-3-effect ul{flex-wrap:wrap;}
.case-3-effect ul li{border-radius:10px;width:calc(100% / 2 - 10px);margin-bottom:15px;}

.case-3-effect ul li h3{font-size:18px;height:45px;gap:10px;}

.case-3-effect ul li h3 img{width:15px;height:15px;}

.case-3-effect ul li .effect-bg{padding:20px;font-size:14px;}

.case-3-effect ul li p{margin-bottom:20px;}

.case-4-plan ul{flex-wrap:wrap;}
.case-4-plan ul li{width:calc(100% / 2 - 10px);padding:0px 0px 20px 0px;margin-bottom:15px;}

.case-4-plan ul li h3{font-size:16px;}

.case-4-plan ul li p{margin:10px;font-size:12px;}




.page-search-content{margin-top:-20px;}

.page-search-content h2 {

  font-size: 30px;

  margin-bottom: 20px;

}

.page-search-content p {

  font-size: 14px;

  font-weight: 400;

  margin-bottom:0;

}

.manual-list{grid-template-columns:60% auto;padding:2rem;}
.manual-list:hover{  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);}
.manual-list h2{grid-area: 1 / 1 / span 1 / span 2;font-size:18px;font-weight:600;line-height:180%;}
.manual-list h2:before { font-size: 16px;}
.manual-item{grid-area: 3 / 1 / 3 / 2;font-size:14px;}
.manual-content{grid-area: 2 / 1 / 3 / 2;color:#999;font-size:12px;line-height:180%;}
.manual-download{grid-area: 2 / 2 / span 2 / span 1;}
.manual-list .content p{color:#999;font-size:14px;}
.manual-download .down{gap:20px;font-size:14px;}
.manual-download .down i{font-size:16px;}
.manual-download .img{width:100%;}
.manual-download .down:hover  i{color:#fff;font-size:16px;}




.article-adv-img{ background-size:cover;}

.article-adv-img img{width:100%;}



.article-adv-img img{height:100%;background-size:cover;}

.article-adv-content{bottom:0px;

}



.promotion-video-home{flex-wrap:wrap;}

.promotion-video-home-item{justify-content:center;flex-basis:calc(100% / 2 - 10px); padding:40px 20px;}

.promotion-video-home-item span img{height:40px;}

.promotion-video-home-item h3{font-size:18px;}



.article-home-content h2{font-size:16px;padding:0;margin:0;}

.article-home-content p{font-size:12px;}

.promotion-article-content{margin:30px}

.promotion-article-content a{width:60px;}

.promotion-article-home{flex-wrap:wrap;}





.video_list ul{grid-template-columns:repeat(2,1fr);gap:25px;}

.video_list ul li{margin-bottom;10px;}

.video_cover{height:200px;}

.video_cover h4{width:35px;height:35px;}

.video_list ul li h2{font-size:16px;margin:10px 0;line-height:150%;}

.video_list ul li p{font-size:12px;line-height:150%;}



.article_list ul{grid-template-columns:repeat(2,1fr);gap:20px;}

.article_content{margin:15px 10px;}

.article_cover{height:200px;}

.article_list ul li h2{font-size:16px;margin:10px 0;line-height:150%;}

.article_list ul li p{font-size:12px;line-height:150%;margin-bottom:15px;}

.home-news-more a{font-size:11px;  padding:0px 5px;}


.platform-top{margin-top:30px;}
.zq-scene ul{gap:10px; grid-template-columns:repeat(2,1fr);padding:20px;}

.zq-scene ul li{background-size:12px 12px;padding-left:20px;font-size:14px;}

.zq-difficulty ul{grid-template-columns:repeat(2,1fr);gap:10px;}

.zq-difficulty ul li{padding:20px 10px;}

.zq-difficulty ul li span{width:50px;height:50px;margin:15px auto;}

.zq-difficulty ul li span img{width:50%;}

.zq-difficulty ul li h3{margin-bottom:20px;font-weight:600;font-size:16px;}

.zq-difficulty ul li p{font-size:12px;margin:5px 30px;text-align:center;}



.zq-3{gap:10px; grid-template-columns:repeat(2,1fr);}

.zq-3-main{ grid-column: 1 / 3; /* 跨第一行和第二行 */padding:20px;height:250px;}

.zq-3-main .text{ font-size:16px;width:60%;}

.zq-3-main .bgimg img{width:50%;}



.zq-3-sub{padding:20px; }

.zq-3-sub .text h3{background-size:15px 15px;font-size:16px;font-weight:bold;}

.zq-3-sub .text p{font-size:12px;line-height:180%;}

.zq-3-sub .text{z-index:3;max-width:100%;}

.zq-3-sub .bgimg img{width:40%;}



.article-header{margin-top:0px;}

.article-view-position ul{font-size:12px;line-height:40px;gap:5px;}





.article-view-wrap{flex-wrap:wrap;}

.article-view{width:100%;}

.article-tj{width:100%;}

.article-view .title h2{font-size:24px;}

.article-tj h2{font-size:18px;margin-bottom:30px;}

.article-tj ul li h2{font-size:16px;margin:5px 0;line-height:150%;}

.article-tj ul li p{font-size:12px;margin:10px 0;text-align:left;line-height:150%;}

.article-view .content{font-size:12px;}

.article-tj ul{gap:20px;flex-wrap:nowrap;}

.article-tj ul li{width:50%;}

.article-tj ul li:nth-child(n+3) { /* 选中第3个及以后的子项 */

  display: none; /* 隐藏 */

}



.contact-item{font-size:24px;margin-bottom:30px;}

.contact-content ul{gap:20px;}

.contact-content ul li{gap:20px;}

.contact-tel,.contact-email,.contact-address{width:40px;height:40px;}

.contact-tel:before {

  font-size: 20px;  

}

.contact-email:before {

  font-size: 16px;

}

.contact-address:before {

  font-size: 20px;



}

.contact-tel-content{display:grid;grid-template-row:2;gap:10px;width:80%;}

.contact-tel-content h3{font-size:24px;}

.contact-wx ul{gap:10px;}

.contact-wx ul li{gap:10px;}

.contact-wx ul li span img{width:70%;margin:0 auto;text-align:center;}

.contact-wx ul li p{font-size:12px;line-height:150%;text-align:center;}

.contact-email-content{font-size:20px;}

.contact-address-content{font-size:16px;}



.produce-center{gap:30px; grid-template-columns: 60% auto;margin-bottom:4rem;margin-top:1rem;}

  /* 声明行的高度，3行，每一行高度为 (容器高度 - 网格轨道高度 - 容器边框高度) / 3 */

 

.produce-center .big-img{ grid-area: 3 / 1 / 4 / 3;padding:0;}

.produce-center .title{grid-area: 1 / 1 / 2 / 3;/* 指定 项目 的位置 */text-align:center;

/* 从第一根行网格线开始 */

/* 从第二根列网格线开始 */

/* 从第二根行网格线结束 */

/* 从第四根列网格线结束 */}

.produce-center .text{grid-area: 2 / 1 / 3 / 3;font-size:0.8rem;}

.produce-center .equipment{grid-area: 4 / 1 / 5 / 3;}

.produce-center .activity{grid-area: 5 / 1 / 6 / 3;

}



.yf-center{gap:30px; grid-template-columns: 60% auto;}

  /* 声明行的高度，3行，每一行高度为 (容器高度 - 网格轨道高度 - 容器边框高度) / 3 */

 

.yf-center .big-img{ grid-area: 3 / 1 / 4 / 3;padding:0;}

.yf-center .title{grid-area: 1 / 1 / 2 / 3;/* 指定 项目 的位置 */text-align:center;

/* 从第一根行网格线开始 */

/* 从第二根列网格线开始 */

/* 从第二根行网格线结束 */

/* 从第四根列网格线结束 */}

.yf-center .text{grid-area: 2 / 1 / 3 / 3;font-size:0.8rem;}

.yf-center .equipment{grid-area: 4 / 1 / 5 / 3;}

.yf-center .activity{grid-area: 5 / 1 / 6 / 3;

}

.zs-section{height:650px;}



.Menubox_zs ul{display:flex;gap:0;}

.Menubox_zs li{width:calc(100% / 4 - 0px);font-size: 0.9rem;}

.Menubox_zs li span{font-size:1.8rem;}

.Menubox_zs li.hover{font-size: 1rem;}

.Menubox_zs li.hover span{font-size:2rem;}

.gd{margin:20px auto;}

.company-building{margin-right:0px;}

.section-title-about p { font-size: 16px; }

.home-company-date ul{justify-content:center;align-items:center;padding-left:2rem;}

.home-company-date ul li h2{ font-size:36px;}

.home-company-date ul li h3{font-size:20px;margin-top:10px;}

.home-company-date ul li p{  font-size: 14px;}

.banner-two ul{flex-wrap:wrap;gap:10px;flex: 1;}



.banner-two-item-content h4 {  margin-bottom: 15px;    font-size:12px;}

.banner-two-item-content h1 {

  font-size:24px;

  margin-bottom:5px;

}

.banner-two-item-content p {



  line-height: 28px;

  margin-bottom: 10px;

  font-size:16px;



}

.banner-two-item-content a {

  font-size: 11px;

  height: 28px;

  padding: 2px 15px;

}



.home-news ul{margin:0px;width:100%;gap:0;flex-basis:`calc(100% / 2 - 10px);}

.home-news ul li{padding:1rem;transition: box-shadow 0.3s ease-in-out;}

.home-news ul li:nth-child(n+3) { /* 选中第3个及以后的子项 */

  display: none; /* 隐藏 */}



.home-news-desc h2{font-size:1.3rem;}

.home-news-desc p{font-size:1.1rem;height:60px;line-height:20px;}

.home-news-more .date{font-size:14px;}

.Menubox {margin-bottom:1rem;}

.Menubox ul{gap:2rem;}

.Menubox li{font-size:1.3rem;}

.Menubox li.hover{ font-size: 1.3rem;}



.home-services ul{ gap:1rem; }

.home-services ul li img{width:40px;height:40px;margin-bottom:25px;}

.home-services ul li{text-align:center;width:30%;}

.home-services ul li h2{color: #252525;margin-bottom:25px;

  font-size: 1.3rem;

  font-weight: 500;

}

.home-services ul li p{width:85px; margin:0 auto; font-size: 12px;}

.faq{  	padding: 0px 0; }

.faq>ul>li{	padding: 1rem;}

.faq>ul>li>.job-item{	font-size:14px;gap:3rem;}

.faq>ul>li>.job-item>h3{font-size:16px;}

.faq>ul>li>.job-item>.rmb{background-size:15px 15px;padding-left:20px;}

.job-content-item{	font-size: 14px;}

.job-content-text{	font-size: 12px;}

.faq>ul>li>span{

	width: 10px;

	height: 10px;

}

.product-sub-menu ul {justify-content:left;}

.product-sub-menu ul li{font-size:14px;line-height:35px;text-indent:15px;}

.product-sub-menu ul li a{padding:0 20px 0 20px; }

.product-sub-menu ul li a:hover{background:url(../images/circle.svg) #3c78ff no-repeat  1rem center;background-size:10px 10px;}

.product-sub-menu ul li.on a{background:url(../images/circle.svg) #3c78ff no-repeat  1.5rem center;background-size:10px 10px;}

.mt-80{margin-top:0px;}

.product-view-banner{max-height:300px;width:100%;}

.product-view-top{height:50px;line-height:50px;}

.product-view-top .title{gap:5px;}

.product-view-top p{line-height:50px;}

.product-view-top .model{font-size:12px;}

.product-view-top .name{font-size:12px;}

.product-view-top .buy a{font-size:12px;padding:5px 10px;border-radius:5px;}
.pro-info-tab-list li {  margin-right: 2rem;}
.pro-info-tab-list li a {

  font-size: 16px;
  line-height: 14px;


}

.product-details .title {display:none;}

.product-details .model {display:none;}

.product-details .download {font-size:12px;display:flex;justify-content:center;text-indent:5px;margin-bottom:2rem;}

.product-details .download a{font-size:12px;border-radius:50vh;border:1px solid #999;padding:5px 10px;width:15rem;}

.product-info h3{font-size:18px;}

.pro-info-tab{font-size:14px;color:#777;}
.pro-info-tab p{font-size:14px;color:#777;}

.product-list ul li h2{font-size:14px;color:#666;padding-bottom:10px;  margin-bottom:20px;}

.product-list ul li h3{font-size:16px;color:#080808;margin:20px 0 15px 0;font-weight:bold;}

.product-slider .col-xs-12{padding:0px 5px;}

.case-sub-menu{border-radius:10px;}

.case-sub-menu ul li{font-size:14px;line-height:40px;text-indent:10px;}

.case-sub-menu ul li a{display:block;padding:0 20px 0 20px;  background:url(../images/circle-grey.svg) no-repeat  1rem center;background-size:6px 6px; }

.case-sub-menu ul li a:hover{background:url(../images/circle.svg) #3c78ff no-repeat  1rem center;background-size:6px 6px;}

.case-sub-menu ul li.on a{background:url(../images/circle.svg) #3c78ff no-repeat  1rem center;background-size:6px 6px;}

.home-solution-list-content h2{font-size:20px;}
.home-solution-list a{ 
  font-size: 12px;
  height:30px;
  border-radius:5px;
  padding: 0px 15px;
}
.yc-process ul{grid-template-columns:48.5% 3% 48.5%;grid-row:1rem;}
.yc-process ul li:nth-child(4){display:none;}
.yclc-arrow{background:url(../images/yclc-arrow.svg) no-repeat center 90% ;background-size:10px auto;}
.yclc-content h3{font-size:1.2rem;}
.yclc-content p{font-size:12px;line-height:150%;}
.faq>ul>li>.faq-item{font-size:14px;width:85%;}
.faq>ul>li>.faq-item>h3{padding:0;margin:0;font-size:16px;line-height:150%;}
.faq>ul>li>span{
	margin-right: 10px;
	width: 10px;
	height: 10px;
	background: url(../images/arrow-left-black.svg)no-repeat center center;background-size:auto 10x ;}


.faq>ul>li>ol{

	width: 100%;

	display: none;border-top:1px solid #dddddd;

	margin-top:1rem;padding-top:1rem;padding-left:0;

}

.sidebar-title {
  font-size: 20px;
  font-weight:800;
  margin-bottom:15px;
}


}

 

/* small mobile :320px. */

@media only screen and (max-width: 479px) {
.yc-process ul{grid-template-columns:48.5% 3% 48.5%;grid-row:1rem;}
.yc-process ul li:nth-child(4){display:none;}
.yclc-arrow{background:url(../images/yclc-arrow.svg) no-repeat center 90% ;background-size:10px auto;}
.yclc-content h3{font-size:1.2rem;}
.yclc-content p{font-size:12px;line-height:150%;}

.container {width:calc(100% / 1 - 20px);}

.mb-70{margin-bottom:35px;}
.mb-50{margin-bottom:25px;}
.pb-50{padding-bottom:25px;}
.pb-60{padding-bottom:30px;}
.pb-100{padding-bottom:50px;}
.pt-100{padding-top:20px;}
.pt-50{padding-top:25px;}

.col-xs-wide {

  width: 100%;

}
.page-banner-section {margin-top:0px;

 height:200px;

   padding: 65px 0 65px;

}

.page-banner-content h3 {

  font-size:16px;

  margin-bottom: 10px;

}
.page-banner-content h2 {

  font-size: 24px;

  margin-bottom: 10px;

}

.page-banner-content p {
font-size:12px;
}

.page-banner-content .breadcrumb li {

  font-size: 12px;

}



/*-- Section Title --*/



.section-title h4 {

  font-size: 14px;

  margin-bottom: 10px;

}

.section-title h2 {
  font-size: 24px;
  line-height:100%;
  font-weight:bold;

}

.section-title p {

  font-size: 14px;



}

/*-- Header --*/

.header-option-btns {

  display: none;

  padding-right: 50px;

}



/*-- Home Slider --*/

.hero-video-caption {

  padding: 70px 0;

}
.hero-slider-content{
width:100%;padding:10px 0 0 0;
}


.hero-slider-content h4 {

  font-size: 12px;

  margin-bottom: 10px;

}

.hero-slider-content h1 {

  font-size: 24px;

  margin-bottom: 10px;

  margin-left: 0;

}

.hero-slider-content p {
width:100%;
}

.hero-slider-content a {

  font-size: 11px;

  height: 28px;

  padding: 2px 15px;

}

/*-- Slider Content 2 --*/

.hero-slider-content-2 h1 {

  font-size: 18px;

  margin-bottom: 10px;

}

.hero-slider-content-2 h1 span {

  font-size: 28px;

}

.hero-slider-content-2 a {

  height: 30px;

  padding: 3px 18px;

}

/*-- Service --*/

.single-service {

  width: 100%;    

}



/*-- Banner --*/

.single-banner-2 .content h1 {

  font-size: 18px;

  margin-bottom: 15px;

}

.single-banner-2 .content p {

  display: none;

}

.single-banner-2 .content a {

  font-size: 12px;

  height: 28px;

  padding: 2px 15px;

}



/*-- List Product --*/

.list-product-info .title {

  font-size: 20px;

}

.list-action-btn .add-to-cart {

  float: none;

}

.list-action-btn a {

  margin: 10px 10px 0 0;

}



.product-details .title {

  font-size: 20px;

  margin-bottom: 25px;

}

.cart-coupon input[type="text"], .cart-coupon input[type="submit"] {

  text-align: center;

  width: 100%;

}

.checkout-login-wrapper form .remember-me-box {

  float: left;

  width: 100%;

}



.single-blog-post .blog-info .title {

  font-size: 16px;

  line-height: 24px;

}

.single-comment .image {

  float: none;

  margin-bottom: 15px;

}

.login-reg-form {

  padding: 20px;

}

.login-reg-form form label.inline {

  float: left;

}

.case-2-plan ul{flex-wrap:wrap;}

.case-2-plan ul li{width:calc(100% / 1 - 10px);padding:10px 10px 10px 20px;margin-bottom:15px;}

.case-2-plan ul li span{width:50px;height:50px;margin:20px auto;}

.case-2-plan ul li h3{font-size:14px;font-weight:bold;}

.case-2-plan ul li p{font-size:12px;margin:0;}

.case-3-effect ul{flex-wrap:wrap;}

.case-3-effect ul li{border-radius:10px;width:calc(100% / 1 - 10px);margin-bottom:20px;}

.case-3-effect ul li h3{font-size:14px;height:45px;gap:10px;font-weight:bold;}

.case-3-effect ul li h3 img{width:15px;height:15px;}

.case-3-effect ul li .effect-bg{padding:20px;font-size:14px;}

.case-3-effect ul li p{margin-bottom:20px;}

.case-4-plan ul{flex-wrap:wrap;}
.case-4-plan ul li{width:calc(100% / 1 - 10px);padding:0px 0px 20px 0px;margin-bottom:15px;}
.case-4-plan ul li h3{font-size:14px;font-weight:bold;}
.case-4-plan ul li p{margin:10px;font-size:12px;}



 .page-search-content{margin-top:0px;}

.page-search-content h2 {
font-size:24px;
  margin-bottom: 10px;

}

.page-search-content p {

  font-size: 14px;

  margin-bottom:0;

}

.page-search form {

  width: 80%;

}

.promotion-video-home{flex-wrap:wrap;}

.promotion-video-home-item{justify-content:center;flex-basis:calc(100% / 2 - 10px); padding:30px 10px;}

.promotion-video-home-item span img{height:30px;}

.promotion-video-home-item span{margin-bottom:20px;}

.promotion-video-home-item h3{font-size:16px;margin:0;}



 .promotion-video-home-item p{margin:0;  }

.video_list ul{grid-template-columns:repeat(2,1fr);gap:25px;}

.video_list ul li{margin-bottom;10px;}

.video_cover{height:140px;}

.video_cover h4{width:35px;height:35px;}

.video_list ul li h2{font-size:16px;margin:10px 0;line-height:150%;}

.video_list ul li p{font-size:12px;line-height:150%;}



.article_list{width:100%;margin:0 auto;padding-bottom:50px;overflow:hidden;}

.article_list ul{grid-template-columns:repeat(2,1fr);gap:20px;}

.article_content{margin:15px 10px;}

.article_cover{position:relative;height:140px;}

.article_list ul li h2{font-size:16px;margin:10px 0;line-height:150%;}

.article_list ul li p{font-size:12px;line-height:150%;margin-bottom:15px;}

.home-news-more{display:flex;justify-content:space-between;align-items: center; }

.home-news-more a{font-size:11px;  padding:0px 5px;}





.zq-scene ul li{font-size:14px;}



.zq-difficulty ul{grid-template-columns:repeat(2,1fr);gap:10px;}

.zq-difficulty ul li{padding:20px 10px;}

.zq-difficulty ul li span{width:40px;height:40px;margin:15px auto;}

.zq-difficulty ul li span img{width:50%;}

.zq-difficulty ul li h3{font-size:16px;}

.zq-difficulty ul li p{font-size:12px;text-align:center;line-height:180%;}



.zq-3{gap:10px; grid-template-columns:repeat(2,1fr);}

.zq-3-main{ grid-column: 1 / 3; /* 跨第一行和第二行 */padding:20px;height:250px;}

.zq-3-main .text{ font-size:14px;}

.zq-3-main .bgimg img{width:60%;float:right;margin-right:0;}



.zq-3-sub{padding:20px 15px ; }

.zq-3-sub .text h3{background-size:12px 12px;font-size:14px;font-weight:normal;}

.zq-3-sub .text p{font-size:12px;line-height:180%;}

.zq-3-sub .text{z-index:3;max-width:100%;}

.zq-3-sub .bgimg img{width:40%;}





.contact-item{font-size:18px;margin-bottom:30px;}

.contact-content ul{gap:20px;}

.contact-content ul li{gap:20px;}

.contact-tel,.contact-email,.contact-address{width:40px;height:40px;}

.contact-tel:before {

  font-size: 20px;  

}

.contact-email:before {

  font-size: 16px;

}

.contact-address:before {

  font-size: 20px;



}

.contact-tel-content{display:grid;grid-template-row:2;gap:10px;width:100%;}

.contact-tel-content h3{font-size:24px;}

.contact-wx ul{gap:10px;}

.contact-wx ul li{gap:10px;}

.contact-wx ul li p{font-size:12px;line-height:150%;}

.contact-email-content{font-size:20px;}

.contact-address-content{font-size:16px;}







.company-building{margin-right:0px;}

.Menubox_zs ul{display:flex;gap:0;}

.Menubox_zs li{width:calc(100% / 4 - 0px);font-size: 1rem;padding:10px;line-height:180%;}

.Menubox_zs li span{font-size:1.5rem;}

.Menubox_zs li.hover{font-size:1rem;padding:10px;}

.Menubox_zs li.hover span{font-size:1.8rem;}



.gd{margin:10px auto;}

.zs-section{height:550px;}

.section-title-about p { font-size: 14px; }

.home-company-date ul{justify-content:center;align-items:center;padding-left:1rem;}

.home-company-date ul li h2{ font-size:26px;}

.home-company-date ul li h3{font-size:16px;margin-top:6px;}

.home-company-date ul li p{  font-size: 14px;}


.morelink{margin:1rem auto;}

.morelink a{ 
font-size: 14px;
height:40px;
width:150px;
line-height:40px;
border-radius:5px;}



.yf-center{margin-bottom:0;}



.banner-two ul{flex-wrap:wrap;gap:10px;flex: 1;}



.banner-two-item-content h4 {  margin-bottom: 15px;    font-size:12px;}

.banner-two-item-content h1 {

  font-size:24px;

  margin-bottom:5px;

}

.banner-two-item-content p {



  line-height: 28px;

  margin-bottom: 10px;

  font-size:14px;



}

.banner-two-item-content a {

  font-size: 11px;

  height: 28px;

  padding: 2px 15px;

}
.home-news{padding-top:15px;}
.home-news ul{margin:0px;width:100%;gap:0;flex-basis:`calc(100% / 2 - 10px);}

.home-news ul li{padding:0;width:50%;transition: box-shadow 0.3s ease-in-out;}

.home-news ul li:nth-child(n+3) { /* 选中第3个及以后的子项 */

  display: none; /* 隐藏 */}



.home-news-desc h2{font-size:1.3rem;}

.home-news-desc p{font-size:1.1rem;height:60px;line-height:20px;}

.home-news-more .date{font-size:14px;}
.footer-info{margin-top:-50px;}

.product-pt-wrap{flex-wrap:wrap;gap:20px;}

.product-pt-item{width:100%;}

.product-pt-content{margin:2rem;}

.product-pt-content h2{font-size:18px;margin-bottom:10px;}

.product-pt-content p{font-size:12px;line-height:150%;margin-bottom:20px;color:rgba(255,255,255,0.7);}


.product-custom-item ul li{width:calc(100% / 3 - 10px);display:flex;gap:1rem;padding:15px 0;}

.product-custom-item ul li h3{font-size:14px;padding-top:10px;}

.product-custom-item ul li span{height:20px;width:30px;text-align:center;}
.product-custom-item ul li span img{height:100%;}
.case-background{gap:10px;}
.case-project-background-text{margin:20px;}
.section-title-case h2{margin-top:20px; }

.job{
 	padding: 38px 0;
 }

.job>ul{
	width: 100%;
	padding: 0;
}

.job>ul>li{
padding:1rem;
}

.job>ul>li>.job-item{font-size:14px;gap:1rem;}

.job>ul>li>.job-item>h3{padding:0;margin:0;font-size:16px;}

.job>ul>li>.job-item>.rmb{background-size:12px 12px;padding-left:15px;

}

.job>ul>li>span{
	margin-right: 10px;
	width: 10px;
	height: 10px;
	background: url(../images/arrow-left-black.svg)no-repeat center center;background-size:auto 10px ;}



.faq>ul>li>.faq-item{font-size:14px;width:85%;}
.faq>ul>li>.faq-item>h3{padding:0;margin:0;font-size:16px;line-height:150%;}
.faq>ul>li>span{
	margin-right: 10px;
	width: 10px;
	height: 10px;
	background: url(../images/arrow-left-black.svg)no-repeat center center;background-size:auto 10x ;}


.faq>ul>li>ol{

	width: 100%;

	display: none;border-top:1px solid #dddddd;

	margin-top:1rem;padding-top:1rem;padding-left:0;

}

.sidebar-title {
  font-size: 20px;
  font-weight:800;
  margin-bottom:15px;
}


.installation-list{grid-template-columns:auto;gap:1rem;margin-top:1rem;}
.installation-title{grid-area: 1 / 1 / 2 / 2;font-size:18px;font-weight:600;line-height:150%;margin:0px;}
.installation-title:before {  font-size: 18px;margin-right:5px;

}
.installation-text{gird-area: 2 / 1 / 3 / 2;color:#999999;font-size:12px;line-height:150%;}
.installation-content{grid-area: 3 / 1 / 4 / 2;}
.installation-list .installation-content .video{text-align:center;}
.installation-list .installation-content .video span,.installation-list .installation-content .document span{width:40px;height:40px;}
.installation-list .installation-content .video p a,.installation-list .installation-content .document p a{font-size:14px;}

.manual-list{grid-template-columns: auto;padding:2rem;}
.manual-list:hover{  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);}
.manual-list h2{grid-area: 1 / 1 / 2 / 2;font-size:16px;line-height:180%;}
.manual-list h2:before { font-size: 16px;}
.manual-item{grid-area: 3 / 1 / 3 / 2;font-size:14px;margin-top:10px;}
.manual-content{grid-area: 2 / 1 / 3 / 2;color:#999;font-size:12px;line-height:180%;}
.manual-download{grid-area: 4 / 1 / 5 / 2;}
.manual-download .down{gap:20px;font-size:14px;}
.manual-download .down i{font-size:14px;}
.manual-download .img{width:100%;margin:0 auto;text-align:center;}
.manual-download .img img{width:100%;}

.manual-download .down:hover  i{color:#fff;font-size:16px;}


}