.index_banner .swiper-slide .txt{position: absolute;top: 0;left: 4%;width: 92%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;color: #fff;letter-spacing: 2px;opacity: 0;transform: scale(0);transition: all .8s ease-out;}
.index_banner .swiper-slide-active .txt{opacity: 1;transform: scale(1);}
.index_banner .swiper-pagination-clickable .swiper-pagination-bullet{margin: 0 10px;width: 10px;height: 10px;}

.index_title{display: flex;justify-content: space-between;align-items: center;}
.index_title .title{font-size: 3em;font-weight: bold;display: flex;align-items: center;}
.index_title .title::after{content: '';width: 3em;height: 2px;background-color: #a0a0a0;margin-left: 20px;}
.index_title .more{padding: 5px 20px;border: 1px solid var(--primary-color);color: var(--primary-color);border-radius: 15px;font-size: 1.4em;transition: all .3s ease-out;}
.index_title .more:hover{color: #fff;background-color: var(--primary-color);}

.index_products .short_title{margin: 60px 0 100px;}
.index_products .bg{content: '';width: 844px;height: 632px;background: url(../images/bg01.png) no-repeat center/contain;display: block;position: absolute;bottom: -60px;left: 35%;}
.index_products .main .txt{width: 42%;}
.index_products .main .txt .short::after{content: '';display: block;width: 6em;height: 6px;background-color: var(--vice-color);margin: 15px 0 25px;}
.index_products .main .txt .desc{line-height: 1.8;margin: 30px 0 50px;}
.index_products .main .txt .more:hover{text-decoration: underline;}
.index_products .main .pic{width: 50%;}
.swiper_products .swiper-slide{background-color: #ececec;border-radius: 6px;padding: 30px 30px 140px 30px;position: relative;z-index: 1;overflow: hidden;}
.swiper_products .swiper-slide .pic_constant .inner::after{padding-top: 80%;}
.swiper_products .swiper-slide .pic_constant .inner img{object-fit: contain;}
.swiper_products .swiper-slide .btm{position: absolute;bottom: 50px;left: 0;width: 100%;height: 64px;border-top: 1px solid #fff;padding-top: 20px;text-align: center;transition: all .3s ease-out;}
.swiper_products .swiper-slide .icon{margin: 10px auto 0;opacity: 0;transition: all .3s ease-out;}
.swiper_products .swiper-slide::after{content: '';display: block;width: 100%;height: 100%;position: absolute;bottom: -100%;left: 0;z-index: -1;background-image: linear-gradient(to bottom, transparent, var(--primary-color));transition: all .3s ease-out;}
.swiper_products .swiper-slide:hover::after{bottom: 0;}
.swiper_products .swiper-slide:hover .btm{color: #fff;padding-top: 0;border-top: 0;bottom: 60px;}
.swiper_products .swiper-slide:hover .icon{opacity: 1;}

.solution_tab{width: 70%;margin: 60px auto 30px;font-size: 2em;}
.solution_tab::after{content: '';display: block;position: absolute;bottom: 15px;left: 50%;transform: translateX(-50%);width: calc(80% - 80px);height: 1px;background-color: #cacaca;}
.solution_tab .swiper-slide{text-align: center;cursor: pointer;padding-bottom: 40px;transition: all .3s ease-out;}
.solution_tab .swiper-slide::before,
.solution_tab .swiper-slide::after{content: '';position: absolute;left: 50%;transform: translateX(-50%);border-radius: 50%;transition: inherit;}
.solution_tab .swiper-slide::before{bottom: 0px;width: 31px;height: 31px;background-color: var(--primary-color);border: 5px solid #fff;opacity: 0;}
.solution_tab .swiper-slide::after{bottom: 6px;width: 19px;height: 19px;background-color: var(--primary-color);border: 4px solid #fff;}
.solution_tab .swiper-slide.swiper-slide-thumb-active{color: var(--primary-color);}
.solution_tab .swiper-slide.swiper-slide-thumb-active::before{opacity: 1;}

.solution_main .swiper-slide{height: 470px;display: flex;justify-content: space-between;align-items: center;background-color: var(--primary-color);}
.solution_main .swiper-slide::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5);}
.solution_main .swiper-slide .txt{width: 0;color: #fff;overflow: hidden;}
.solution_main .swiper-slide .pic{width: 100%;height: 100%;}
.solution_main .swiper-slide .pic img{width: 100%;height: 100%;object-fit: cover;}
.solution_main .swiper-slide .txt .title{font-size: 2.8em;position: relative;padding-bottom: 30px;}
.solution_main .swiper-slide .txt .title::before,
.solution_main .swiper-slide .txt .title::after{content: '';position: absolute;bottom: 0;left: 0;height: 6px;}
.solution_main .swiper-slide .txt .title::before{width: 0;background-color: var(--vice-color);z-index: 2;transition: all 1s ease-out .8s;}
.solution_main .swiper-slide .txt .title::after{width: 100%;background-color: #fff;}
.solution_main .swiper-slide .txt .desc{font-size: 1.4em;line-height: 2;margin: 30px 0 50px;}
.solution_main .swiper-slide .txt .more{width: 50px;height: 50px;background: url(../images/icon_more.png) no-repeat center/contain;display: block;border-radius: 50%;transition: all .3s ease-out;}
.solution_main .swiper-slide .txt .more:hover{transform: scale(.9);}
.solution_main .swiper-slide.swiper-slide-active::after{display: none;}
.solution_main .swiper-slide.swiper-slide-active .txt{width: 50%;transform: scaleX(1);padding: 50px;}
.solution_main .swiper-slide.swiper-slide-active .txt .title::before{width: 6em;}
.solution_main .swiper-slide.swiper-slide-active .pic{width: 50%;transition: all 1s ease-out;}
.solution_main .swiper-slide.swiper-slide-prev .pic{margin-left: auto;}

.index_solution .swiper-button-prev,
.index_solution .swiper-button-next{width: 44px;height: 44px;background-color: #fff;border-radius: 50%;box-shadow: 0 0 4px #cacaca;transition: all .3s ease-out;}
.index_solution .swiper-button-prev{left: 16.25%;}
.index_solution .swiper-button-next{right: 16.25%;}
.index_solution .swiper-button-prev::after,
.index_solution .swiper-button-next::after{font-size: 18px;color: var(--primary-color);font-weight: bold;transition: inherit;}
.index_solution .swiper-button-prev:hover,
.index_solution .swiper-button-next:hover{transform: scale(.95);background-color: var(--primary-color);}
.index_solution .swiper-button-prev:hover::after,
.index_solution .swiper-button-next:hover::after{transform: scale(.95);color: #fff;}

.index_about .txt{width: 54%;}
.index_about .txt .short{font-size: 2.4em;font-style: italic;color: #4f4f4f;margin: 20px 0 30px;}
.index_about .txt .desc{color: #6f6f6f;line-height: 2;}
.index_about .pic{width: 40%;}
.index_about .btm{background: url(../images/bg02.jpg) no-repeat center/cover;padding: 40px 0;}
.counters{display: flex;justify-content: space-around;}
.counters li b{font-size: 5em;color: #fff;}
.counters li p{font-size: 2.4em;color: rgba(255, 255, 255, .9);}

.swiper_case{padding: 0 30px;}
.swiper_case .swiper{padding: 10px;}
.swiper_case .swiper-slide .pic{padding: 20px;border-radius: 10px;box-shadow: 0 0 8px #ddd;overflow: hidden;}
.swiper_case .swiper-slide .pic_constant .inner::after{padding-top: 64%;}
.swiper_case .swiper-slide .title{margin: 28px 0 15px;}
.swiper_case .swiper-button-prev{width: auto;left: 0;}
.swiper_case .swiper-button-next{width: auto;right: 0;}
.swiper_case .swiper-button-prev::after,
.swiper_case .swiper-button-next::after{font-size: 30px;color: #333;font-weight: bold;}
.swiper_case .swiper-button-prev:hover::after,
.swiper_case .swiper-button-next:hover::after{color: var(--primary-color);}
.swiper_case .swiper-slide:hover .pic img{transform: scale(1.4);border-radius: 10px;transition: all .8s ease-out;}
.swiper_case .swiper-slide:hover .more{text-decoration: underline;}

.swiper_news{width: 50%;height: auto;margin: 0;}
.swiper_news .swiper-slide{width: 100%;overflow: hidden;}
.swiper_news .swiper-slide .pic{width: 100%;height: 100%;object-fit: cover;}
.swiper_news .swiper-slide .title{position: absolute;left: 0;bottom: 0;width: 100%;padding: 15px;background-color: rgba(0, 0, 0, .3);}
.swiper_news .swiper-slide .title p{width: calc(100% - 100px);font-size: 1.6em;color: #fff;}
.swiper_news .swiper-slide:hover .pic{transform: scale(1.05);}
.swiper_news .swiper-pagination{left: auto;top: auto;right: 0;bottom: 16px;width: 100px;}
.swiper_news .swiper-pagination-bullet{background-color: #fff;opacity: 1;}
.swiper_news .swiper-pagination-bullet-active{background-color: var(--primary-color);}
.index_news .list{width: 42%;}
.index_news .list .top{border-bottom: 1px solid #cacaca;padding-bottom: 25px;}
.index_news .list .top .date{font-size: 2.4em;font-weight: bold;}
.index_news .list .top .title{font-size: 2em;margin: 10px 0;}
.index_news .list .top .desc{font-size: 1.6em;color: #515151;}
.index_news .list ul{position: relative;top: 15px;}
.index_news .list ul li a{position: relative;display: flex;align-items: center;justify-content: space-between;font-size: 1.6em;padding: 15px 0 15px 30px;}
.index_news .list ul li a .title{width: calc(100% - 100px);}
.index_news .list ul li a::before,
.index_news .list ul li a::after{content: '';position: absolute;display: block;}
.index_news .list ul li a::before{top: 0;left: 6px;width: 1px;height: 100%;background-color: #cacaca;}
.index_news .list ul li a::after{top: 50%;left: 0;z-index: 2;transform: translateY(-50%);width: 13px;height: 13px;background-color: var(--primary-color);border-radius: 50%;}
.index_news .list ul li:first-child a::before{height: 50%;bottom: 0;top: auto;}
.index_news .list ul li:last-child a::before{height: 50%;}

.page_banner{width: 100%;height: 25.5vw;}
.page_banner .wrapper{height: 100%;display: flex;flex-direction: column;justify-content: center;color: #fff;}

.page_title h2{display: inline-block;}
.page_title h2::after{content: '';display: block;width: 100%;height: 2px;background-color: var(--primary-color);margin-top: 5px;}

.page_about .about .txt{width: 54%;}
.page_about .about .txt .desc{line-height: 2;margin: 30px 0;}
.page_about .about .counters{justify-content: space-between;}
.page_about .about .counters li b{color: var(--primary-color);font-size: 4em;}
.page_about .about .counters li p{color: var(--primary-color);font-size: 2em;}
.page_about .about .pic{width: 40%;}

.page_about .quality{background: url(../images/bg03.jpg) no-repeat center/cover;}
.swiper_quality{padding: 0 60px;position: relative;}
.swiper_quality .swiper-slide{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.swiper_quality .swiper-slide .txt{width: 54%;font-size: 1.6em;line-height: 2;}
.swiper_quality .swiper-slide .pic{width: 40%;}
.swiper_quality .swiper-button-prev{width: auto;left: 0;}
.swiper_quality .swiper-button-next{width: auto;right: 0;}
.swiper_quality .swiper-button-prev::after,
.swiper_quality .swiper-button-next::after{font-size: 40px;color: #fff;font-weight: bold;}
.swiper_quality .swiper-button-prev:hover::after,
.swiper_quality .swiper-button-next:hover::after{color: var(--primary-color);}

.page_about .honor{}
.swiper_honor{padding-bottom: 80px;}
.swiper_honor .swiper-slide .img{width: 100%;height: 360px;padding: 30px;background-color: #f0f0f0;display: flex;justify-content: center;align-items: center;}
.swiper_honor .swiper-slide .img img{max-width: 100%;max-height: 100%;}
.swiper_honor .swiper-slide .title{font-size: 16px;line-height: 1.3;margin-top: 15px;text-align: center;}
.swiper_honor .swiper-button-prev,
.swiper_honor .swiper-button-next{width: 44px;height: 44px;border: 2px solid #777;border-radius: 50%;display: flex;justify-content: center;align-items: center;bottom: 0;top: auto;color: #777;transition: all .3s ease-out;}
.swiper_honor .swiper-button-prev{left: calc(50% - 90px);}
.swiper_honor .swiper-button-next{right: calc(50% - 90px);}
.swiper_honor .swiper-button-prev::after,
.swiper_honor .swiper-button-next::after{font-size: 20px;font-weight: bold;color: inherit;}
.swiper_honor .swiper-button-prev:hover,
.swiper_honor .swiper-button-next:hover{background-color: var(--primary-color);border-color: var(--primary-color);color: #fff;}

.page_products .list{display: flex;flex-wrap: wrap;}
.page_products .list li{width: 22%;margin: 40px 4% 0 0;text-align: center;}
.page_products .list li:nth-child(4n){margin-right: 0;}
.page_products .list li .pic{padding: 10px 30px;display: flex;justify-content: center;align-items: center;margin-bottom: 20px;}
.page_products .list li p:last-child{color: #333;}
.page_products .list li a:hover .pic{box-shadow: 0 0 8px #ccc;}
.page_products .list li a:hover .pic img{transform: scale(.95);}

.pager-list{margin-top: 60px;padding-bottom: 4%;text-align: center;}
.pager-list ul{display: inline-block;}
.pager-list li{float: left; padding: 0 6px;}
.pager-list li>*{display:inline-block; font-size:1.4em; color:#333 !important; width: 46px;height: 46px;display: flex;justify-content: center;align-items: center;background:#e4e4f2 !important; border-radius: 50%; border:none !important;}
.pager-list li a:hover{ background:var(--primary-color) !important; color:#fff !important;}
.pager-list li.active>*{ color:#fff !important; background:var(--primary-color) !important; border:none !important;}
.pager-list li.disabled>*{ cursor:auto; background:#eee !important; color:#ccc !important;}

.top_tab{padding-top: 30px;}
.top_tab .subnav ul{display: flex; margin-top: 10px; }
.top_tab .mbx{ margin-top: 15px; }
.top_tab ul li a{margin-right: 1em;font-size: 1.8em;color: #606060;  padding: 10px; white-space: nowrap; }
.top_tab ul li.on a, .top_tab ul li:hover a{background: var(--primary-color); color: #fff; border-radius: 5px; }
/* .top_tab ul li.on a::after{content: '';display: block;width: 100%;height: 2px;background-color: var(--primary-color);margin-top: 10px;} */
@media screen and (max-width: 767px) {
	.top_tab { flex-wrap: wrap; }
	.subnav { height: 4em; }
	.top_tab .page_title { display: none; }
	.top_tab ul{display: flex; margin: 0 20px; }
	.top_tab ul li a { font-size: 1.4em; }
	.top_tab .mbx{ display: none; }
}

.detail_products .page_title{margin-bottom: 40px;}

.content p { font-size: 1.6em; line-height: 1.8; }

.swiper_products_info{width: 50%;padding: 0 40px;}
.swiper_products_info .swiper{height: 100%;}
.swiper_products_info .swiper-button-prev{width: auto;left: 0;}
.swiper_products_info .swiper-button-next{width: auto;right: 0;}
.swiper_products_info .swiper-button-prev::after,
.swiper_products_info .swiper-button-next::after{font-size: 30px;color: #333;font-weight: bold;}
.swiper_products_info .swiper-button-prev:hover::after,
.swiper_products_info .swiper-button-next:hover::after{color: var(--primary-color);}
.detail_products .info .txt{width: 45%;color: #636363;}
.detail_products .info .txt .btn{width: 220px;height: 52px;line-height: 52px;text-align: center;background-color: var(--primary-color);color: #fff;font-size: 2.2em;margin-top: 30px;border-radius: 6px;display: block;transition: all .3s ease-out;}
.detail_products .info .txt .btn:hover {font-size: 2em;}

.detail_products .advantage .txt{width: 50%;}
.detail_products .advantage .txt ul li:not(:last-child){margin-bottom: 30px;}
.detail_products .advantage .txt ul li *{padding-left: 20px;}
.detail_products .advantage .txt ul li h4::before{content: '';position: absolute;top: 50%;left: 0;width: 13px;height: 13px;border-radius: 50%;background-color: var(--vice-color);display: block;transform: translateY(-50%);}
.detail_products .advantage .pic{width: 45%;}

.detail_products .config table{width: 100%;}
.detail_products .config table tr th,
.detail_products .config table tr td{width: 50%;border: 1px solid #e5e4e4;font-size: 1.6em;padding: 10px 20px;}
.detail_products .config table tr th{text-align: left;}

.swiper_products_like{padding: 0 40px;}
.swiper_products_like .swiper{padding: 10px;}
.swiper_products_like .swiper-slide{text-align: center;}
.swiper_products_like .swiper-slide .pic{padding: 10px 30px;display: flex;justify-content: center;align-items: center;margin-bottom: 20px;}
.swiper_products_like .swiper-slide:hover .pic{box-shadow: 0 0 8px #ccc;}
.swiper_products_like .swiper-slide:hover .pic img{transform: scale(.95);}
.swiper_products_like .swiper-slide p:last-child{color: #333;}
.swiper_products_like .swiper-button-prev,
.swiper_products_like .swiper-button-next{width: 44px;height: 44px;border: 2px solid #777;border-radius: 50%;display: flex;justify-content: center;align-items: center;color: #777;transition: all .3s ease-out;}
.swiper_products_like .swiper-button-prev{left: 0;}
.swiper_products_like .swiper-button-next{right: 0;}
.swiper_products_like .swiper-button-prev::after,
.swiper_products_like .swiper-button-next::after{font-size: 20px;color: inherit;font-weight: bold;}
.swiper_products_like .swiper-button-prev:hover,
.swiper_products_like .swiper-button-next:hover{background-color: var(--primary-color);border-color: var(--primary-color);color: #fff;}

.page_solutions .info .pic{width: 77.5%;}
.page_solutions .info .txt{width: 45%;padding: 50px;border-radius: 8px;background-color: #fff;box-shadow: 0 0 10px #ddd;position: absolute;bottom: -20%;min-height: 70%;right: 0;font-size: 1.6em;line-height: 3;letter-spacing: 1px;}

.page_solutions .advantage ul li{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 40px;}
.page_solutions .advantage ul li:nth-of-type(even){flex-direction: row-reverse;}
.page_solutions .advantage .pic{width: 55%;}
.page_solutions .advantage .txt{width: 40%;}
.page_solutions .advantage .txt p{line-height: 2.5;}

.page_news .list li{margin-bottom: 40px;}
.page_news .list li a{display: flex;padding: 30px;border-radius: 10px;transition: all .3s ease-out;}
.page_news .list li a .pic_constant{width: 23%;height: auto;}
.page_news .list li a .pic_constant .inner::after{padding-top: 60%;}
.page_news .list li a .txt{width: calc(77% - 120px);padding: 0 50px;display: flex;flex-direction: column;justify-content: center;}
.page_news .list li a .right{width: 120px;height: auto;position: relative;}
.page_news .list li a .title{font-size: 2em;line-height: 1.2;}
.page_news .list li a .desc{font-size: 1.4em;color: #6e6e6e;margin-top: 30px;}
.page_news .list li a .date{text-align: center;color: #969696;margin-bottom: 20px;}
.page_news .list li a .date b{font-size: 9em;line-height: 1;}
.page_news .list li a .date p{font-size: 2.5em;}
.page_news .list li a .more{width: 100%;height: 30px;font-size: 1.6em;color: #969696;display: flex;justify-content: space-between;align-items: center;position: absolute;right: calc(50% - 10px);bottom: 0;transition: all .3s ease-out;}
.page_news .list li a .more p{opacity: 0;transition: inherit;}
.page_news .list li a .more i{font-size: 20px;transition: inherit;}
.page_news .list li a:hover{box-shadow: 0 0 10px #ddd;}
.page_news .list li a:hover .more{right: -30px;background-color: var(--primary-color);color: #fff;padding-left: 20px;width: 150px;}
.page_news .list li a:hover .more p{opacity: 1;}

.detail_news .title{font-size: 3em;text-align: center;line-height: 1.3;}
.detail_news .date{color: #898989;text-align: center;margin-top: 30px;}
.detail{padding: 50px 0;margin: 30px 0;border-top: 1px solid #cacaca;border-bottom: 1px solid #cacaca;}
.detail p{font-size: 1.6em;line-height: 1.8;letter-spacing: 1px;padding: 10px 0;}
.detail img{display: inline-block;margin: 10px 0;}
.turn_page li{font-size: 1.4em;color: #888787;}

.page_case .case .list{display: flex;flex-wrap: wrap;}
.page_case .case .list li{width: calc(33.333% - 10px);margin: 40px 15px 0 0;background-color: #f6f6f6;}
.page_case .case .list li:nth-child(3n){margin-right: 0;}
.page_case .case .list li .txt{padding: 20px 25px 30px;}
.page_case .case .list li .pic_constant{display: block;overflow: hidden;;}
.page_case .case .list li .pic_constant .inner::after{padding-top: 50%;}
.page_case .case .list li .desc{color: #898989;margin: 10px 0 20px}
.page_case .case .list li .more{border: 1px solid var(--primary-color);color: var(--primary-color);font-size: 1.6em;padding: 4px 15px;border-radius: 20px;transition: all .3s ease-out;}
.page_case .case .list li .pic_constant:hover img{transform: scale(1.05);}
.page_case .case .list li .more:hover{background-color: var(--primary-color);color: #fff;}

.swiper_brand{padding: 10px 0;}
.swiper_brand .swiper-slide{height: 108px;padding: 20px;box-shadow: 0 0 10px #ddd;display: flex;justify-content: center;align-items: center;}
.swiper_brand .swiper-slide img{max-height: 100%;max-width: 100%;}

.page_contact .contact{border-top: 2px solid #eee;margin-top: 30px;}
.page_contact .contact li{width: 33.333%;padding: 0 50px;;text-align: center;position: relative;}
.page_contact .contact li:not(:last-child)::after{content: '';display: block;position: absolute;top: 10%;right: 0;width: 1px;height: 80%;background-color: #eee;}
.page_contact .contact li i{font-size: 40px;color: var(--primary-color);}
.page_contact .contact li h5{font-size: 2.4em;}
.page_contact .contact li p{font-size: 1.8em;color: #737373;line-height: 1.3;margin-top: 6px;}
.page_contact .map{height: 60vh;}

@media screen and (min-width: 1270px){
	
}

@media screen and (max-width: 1270px){
	.index_banner{margin-top: 60px;}
	.page_banner{margin-top: 60px;height: 40vw;}
}

@media screen and (max-width: 1024px){
	.index_title .title{font-size: 2.4em;}
	.index_title .more{padding: 3px 15px;}
	.index_products .short_title{margin: 20px 0;padding: 10px 0;background-color: var(--vice-color);color: #fff;font-size: 1.5em;}
	.index_products .main .txt{width: 100%;}
	.index_products .main .txt .desc{margin: 20px 0;}
	.index_products .main .pic{width: 100%;margin-top: 30px;}

	.solution_tab{width: 100%;margin: 30px 0;}
	.solution_tab::after{width: calc(100% - 80px);}

	.solution_main .swiper-slide{height: auto;}
	.solution_main .swiper-slide.swiper-slide-active{flex-wrap: wrap;}
	.solution_main .swiper-slide.swiper-slide-active .txt{width: 100%;height: 100%;background-color: rgba(0, 0, 0, .3);padding: 50px 4%;}
	.solution_main .swiper-slide.swiper-slide .pic{position: absolute;top: 0;left: 0;z-index: -1;}
	.solution_main .swiper-slide.swiper-slide-active .pic{width: 100%;height: 100%;}
	.solution_main .swiper-slide .txt .desc{margin: 30px 0;}
	.solution_main .swiper-slide::after{display: none;}
	.index_solution .swiper-button-prev,
	.index_solution .swiper-button-next{bottom: 10px;top: auto;width: 36px;height: 36px;}	
	.index_solution .swiper-button-prev::after,
	.index_solution .swiper-button-next::after{font-size: 14px;}
	.index_solution .swiper-button-prev{left: calc(50% - 40px);}
	.index_solution .swiper-button-next{right: calc(50% - 40px);}

	.index_about .txt{width: 100%;}
	.index_about .txt .short{font-size: 2em;margin: 20px 0 15px;}
	.index_about .txt .desc{line-height: 2;}
	.index_about .pic{width: 100%;margin-top: 30px;}

	.counters li b,
	.page_about .about .counters li b{font-size: 2.6em;}
	.counters li p,
	.page_about .about .counters li p{font-size: 1.6em;}

	.swiper_news{width: 100%;height: 30vh;}
	.swiper_news .swiper-slide .title{padding: 8px 10px;}
	.swiper_news .swiper-pagination{bottom: 8px;width: auto;right: 6px;}
	.index_news .list{width: 100%;}
	.index_news .list .top{padding: 20px 0;}
	.index_news .list .top .date{font-size: 2em;}
	.index_news .list .top .title{font-size: 1.8em;}
	.index_news .list ul li a{padding: 7px 0 7px 20px;}
	.index_news .list ul li a::before{left: 4px;}
	.index_news .list ul li a::after{width: 9px;height: 9px;}
	
	.page_banner p,
	.page_banner h2{font-size: 1.8em;}
	.page_about .about .txt{width: 100%;}
	.page_about .about .txt .desc{line-height: 2;margin: 20px 0;}
	.page_about .about .pic{width: 100%;margin-top: 30px;}

	.swiper_quality{padding: 0 24px;}
	.swiper_quality .swiper-slide .txt{width: 100%;line-height: 1.5;}
	.swiper_quality .swiper-slide .pic{width: 100%;margin-top: 10px;}
	.swiper_quality .swiper-button-prev::after, 
	.swiper_quality .swiper-button-next::after{font-size: 22px;}

	.swiper_honor .swiper-slide .img{height: 30vh;padding: 10px;}
	.swiper_honor .swiper-button-prev, 
	.swiper_honor .swiper-button-next,
	.swiper_products_like .swiper-button-prev, 
	.swiper_products_like .swiper-button-next{width: 36px;height: 36px;}
	.swiper_honor .swiper-button-prev::after,
	.swiper_honor .swiper-button-next::after,
	.swiper_products_like .swiper-button-prev::after, 
	.swiper_products_like .swiper-button-next::after{font-size: 14px;}

	.pager-list li{padding: 0 4px;}
	.pager-list li>*{padding: 0 10px;font-size: 1.2em;width: 28px;height: 28px;line-height: 28px;}

	.top_tab ul{}
	.top_tab ul li{margin-right: 20px;}

	.detail_products{padding-top: 0 !important;}
	.detail_products> *{padding-top: 56px !important;}

	.swiper_products_info{width: 100%;}
	.detail_products .info .txt{width: 100%;margin-top: 30px;}
	.detail_products .info .txt .btn{width: 100px;height: 34px;line-height: 34px;font-size: 14px;}
	.detail_products .advantage{padding-bottom: 0 !important;}
	.detail_products .advantage .txt{width: 100%;}
	.detail_products .advantage .txt ul li:not(:last-child){margin-bottom: 20px;}
	.detail_products .advantage .pic{width: 100%;margin-top: 20px;}
	.detail_products .config table tr th, 
	.detail_products .config table tr td{width: auto;}
	.detail_products .like{margin-top: 0;}

	.page_solutions{padding-top: 0 !important;}
	.page_solutions .info,
	.page_solutions .advantage,
	.page_solutions .like{padding-top: 56px !important;}
	.page_solutions .info .pic{width: 100%;}
	.page_solutions .info .txt{width: 100%;position: static;margin-top: 20px;padding: 15px;line-height: 2;}
	.page_solutions .advantage{margin-top: 0;padding-bottom: 0 !important;}
	.page_solutions .advantage .pic{width: 100%;}
	.page_solutions .advantage .txt{width: 100%;margin-top: 20px;}
	.page_solutions .advantage .txt p{line-height: 2;}
	.page_solutions .like{margin-top: 0;}

	.page_case{padding-top: 0 !important;}
	.page_case .case{padding-top: 56px !important;}
	.page_case .case .list li{width: calc(50% - 10px);margin: 20px 20px 0 0;}
	.page_case .case .list li:nth-child(3n){margin-right: 20px;}
	.page_case .case .list li:nth-child(2n){margin-right: 0;}
	.page_case .case .list li .txt{padding: 10px;}
	.page_case .case .list li .desc{margin: 10px 0 15px;}
	.page_case .case .list li .more{font-size: 1.2em;padding: 2px 10px;}
	
	.swiper_brand .swiper-slide{padding: 15px;}

	.page_news .list li a{padding: 15px;flex-wrap: wrap;}
	.page_news .list li a .pic_constant{width: 100%;margin-bottom: 10px;}
	.page_news .list li a .pic_constant .inner::after{padding-top: 40%;}
	.page_news .list li a .txt{width: calc(100% - 80px);padding: 0;}
	.page_news .list li a .date{margin-bottom: 40px;}
	.page_news .list li a .date b{font-size: 4em;}
	.page_news .list li a .date p{font-size: 1.2em;}
	.page_news .list li a .right{width: 80px;}
	.page_news .list li a .desc{margin-top: 10px;}
	.page_news .list li a .more{font-size: 1.2em;}
	.page_news .list li a:hover .more{right: -15px;width: 95px;}

	.detail_news .title{font-size: 2em;}
	.detail_news .date{margin-top: 15px;}
	.detail{padding: 15px 0;margin: 20px 0;}

	.page_contact .contact{padding-top: 0 !important;}
	.page_contact .contact li{width: auto;padding: 0;margin-top: 10px;}
	.page_contact .contact li:first-child{width: 100%;}
	.page_contact .contact li:not(:last-child)::after{display: none;}
	.page_contact .contact li i{font-size: 24px;}
	.page_contact .contact li h5{font-size: 1.8em;}
	.page_contact .contact li p{font-size: 1.6em;margin-top: 0;}
	
	.page_contact .map{height: 60vw;}
}

@media screen and (max-width: 768px){
	.page_products .list li{width: 47%;margin: 30px 6% 0 0;}
	.page_products .list li:nth-child(2n){margin-right: 0;}
}

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

}

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

}